jQueryを使用して千の区切り記号を追加する方法

方法1: 数値を変換して区切り記号を追加する方法

// 数値を取得する
var number = 1000000;
// 数値を文字列に変換する
var formattedNumber = number.toString();
// 区切り記号を追加する
formattedNumber = formattedNumber.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
// 結果を表示する
console.log(formattedNumber);

この方法では、まず数値を文字列に変換し、正規表現を使用して区切り記号を追加します。正規表現 \B(?=(\d{3})+(?!\d)) は、後続する3桁の数字の前にマッチします。

方法2: プラグインを使用する方法

jQueryには、数値フォーマットのためのさまざまなプラグインがあります。その中でも、jQuery Number Format プラグインは人気があります。以下に使用例を示します。

まず、プラグインをダウンロードしてHTMLに組み込みます。

<script src="jquery.min.js"></script>
<script src="jquery.number.min.js"></script>

次に、数値を指定したフォーマットで表示します。

var number = 1000000;
// フォーマットを指定して数値を表示する
var formattedNumber = $.number(number, 0, ".", ",");
// 結果を表示する
console.log(formattedNumber);

この方法では、プラグインを使用して数値を指定したフォーマットで表示することができます。

以上の方法を使用すると、jQueryを利用して数値に千の区切り記号を追加することができます。ご参考までにお使いください。