この記事では、JavaScript におけるカンマを含む数値の書式設定について説明します。場合によっては、HTML ページを読みやすくするために、数値をカンマでフォーマットする必要があります。 JavaScript を使用すると、数値をカンマ区切りの値に変換できます。ここでは、その方法について説明します。
数値をカンマでフォーマットする最初の方法は、 toLocaleString() 方法。
toLocaleString() メソッドの使用
の JavaScript toLocaleString() メソッドは、指定された配列の要素を文字列に変換するために使用され、これらの文字列はカンマ「,」で区切られます。私たちは通過することができます '私たちで' これにより、メソッドは米国および英語の形式を採用し、千の位の間の数値をカンマで表現します。
文字から文字列Javaへ
ここで、例を通してその方法を理解しましょう。
例
この例では、 toLocaleString() 数値をカンマで区切ってフォーマットします。ここでは、整数型と浮動小数点型の 2 つの数値をフォーマットしています。指定されたボタンをクリックすると、指定された数値がカンマでフォーマットされます。数値は、1,000 桁ごとにカンマで区切られます。
パンダのイテロウ
Using JavaScript's toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = '1482351769' </b> <br> <b> Number2 = '1000.51769' </b> <p> Click the below button to print the above numbers separated with commas </p> Click me function fun() { num1 = 1482351769; output1 = num1.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write(' <b> Given number = </b> ', num1); document.write('<br> <b> Formatted number = </b> ', output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write('<br> <br> <b> Given number = </b> ', num2); document.write('<br> <b> Formatted number = </b> ', output2); } 今すぐテストしてください 出力
上記のコードを実行すると、出力は次のようになります -
指定されたボタンをクリックすると、出力は次のようになります -
このチュートリアルはこれですべてです。この記事では、JavaScript で数値をカンマでフォーマットする 3 つの方法について説明しました。 JavaScript で数値をカンマでフォーマットする方法を理解するために、この記事が有益であることを願っています。
オペレーティング·システム