JSで数値をフォーマットするにはどのような方法がありますか?

清浅
リリース: 2018-12-11 09:20:39
オリジナル
14452 人が閲覧しました

js で数値をフォーマットするメソッドには、次のものが含まれます。 toFixed() メソッドは、指定された小数点以下の桁数を持つ数値に数値を変換します。 toPrecision() メソッドは、指定された小数点以下の桁数の場合に指数カウント メソッドに変換します。小数点以下の桁数を超えた場合、toExponential () メソッドは値を指数表記に変換します。

JavaScript で数値を書式設定するのは非常に便利ですが、強制的に整数に変換すると、このメソッドには大きなエラーが発生することがあります。ですので、今日は JavaScript での使用方法を共有します。数値を書式設定するためのいくつかの一般的な方法には、一定の参考効果があります。

[推奨コース:] JavaScript チュートリアル]

JSで数値をフォーマットするにはどのような方法がありますか?

toFixed() メソッド

は、小数点以下の桁数を指定して数値を Number に丸めることができます。

Number.toFixed(num)
ログイン後にコピー

num: 小数点以下の桁数を指します。その値の範囲は、0 を含む 0 ~ 20 の値です。および 20。このパラメータが書き込まれていない場合は、0 が使用されて置き換えられます。

戻り値

Number の文字列表現を返します。これは、指数カウント方法を使用せず、小数点以下の桁数が固定されています。指定した長さになるように 0 を埋め込むこともできます。設定した値が長さ 21 より大きい場合、このメソッドは Number.toString() のみを呼び出し、指数表記で表される文字列を返します。

注: 設定した値が小さすぎるか大きすぎる場合、例外がスローされますが、0 ~ 20 の値ではこの例外は発生しません。

<script>
	var number=123.2344555
	console.log(number.toFixed(0));
	console.log(number.toFixed(4));
	console.log(number.toFixed(10));
</script>
ログイン後にコピー

結果は次のとおりです。

JSで数値をフォーマットするにはどのような方法がありますか?

toPrecision() メソッド

は、オブジェクトの値が指定された桁数を超えた場合に、オブジェクトを指数表記に変換することを意味します。 。

Number.toPrecision(num)
ログイン後にコピー

num: 指数表記に変換する必要がある最小桁数を指します。値の範囲は 1 ~ 21 (1 ~ 21 を含みます) です。このパラメータが記述されていない場合、数値を 10 進数値に変換する代わりにメソッド toString() が呼び出されます。

戻り値

有効な数字セットを含む数値の文字列を返します。 num が Number の整数部分のすべての桁を含めるのに十分な大きさである場合、返される文字列は固定小数点表記で表されます。それ以外の場合は、小数点の前に 1 桁、小数点の後に num-1 桁の指数表記が使用されます。必要に応じて、数値は四捨五入されるかゼロが埋め込まれます。

注: num の設定が小さすぎるか大きすぎる場合、例外 RangeError がスローされます

<script>
	var number=123.2344555
	console.log(number.toPrecision(1));
	console.log(number.toPrecision(4));
	console.log(number.toPrecision(10));
</script>
ログイン後にコピー

結果は次のとおりです:

JSで数値をフォーマットするにはどのような方法がありますか?

toExponential() メソッド

は値を指数表記に変換できます。

Number.toExponential(num)
ログイン後にコピー

num: 指数表記法における小数点以下の桁数を指し、0 ~ 20 (0 ~ 20 を含む) の値になります。このパラメータが記述されていない場合は、可能な限り多くの数値が記述されます。利用される。

戻り値

返される文字列は指数表記で表されます。つまり、小数点の前に 1 桁、小数点の後に num 桁あります。数値の小数部分は四捨五入され、必要に応じてゼロが埋め込まれ、指定された長さになります。

注: num が小さすぎるか大きすぎる場合、例外 RangeError がスローされます。

<script>
	var number=123.2344555
	console.log(number.toExponential(1));
	console.log(number.toExponential(4));
	console.log(number.toExponential(10));
</script>
ログイン後にコピー

結果は次のとおりです。

JSで数値をフォーマットするにはどのような方法がありますか?

まとめ: この記事は以上です。皆様の勉強に少しでもお役に立てれば幸いです。

以上がJSで数値をフォーマットするにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート