Javascript 数値を3桁区切りする方法

Javascriptで数値を3桁区切りする方法です。

Javascript 数値を3桁区切りする方法

Javascriptで数値を3桁区切りする、つまり金額表示ですね。

1234567 を 1,234,567 のように表示させます。

最も簡単な方法としては toLocaleString() を使うことです。これはJavaScriptのNumberオブジェクト組み込み関数で、最近のブラウザなら標準で用意されています。

ここでは Javascriptで数値を3桁区切りする方法 を紹介します。


数値を3桁区切りする

サンプルコードはこんな感じです。


var num = 1234567;
console.log(num.toLocaleString()); // 1,234,567

うーん、簡単ですね^^

上のコードでは発生しませんが、当然 num が null だった場合にエラーになります。

なので、筆者はこんな感じで実務で利用しています。


console.log( num == null ? 0 : num.toLocaleString() );

これで null の場合には 0 が返ります。

まとめ

Javascriptで数値を3桁区切りする方法を紹介しました。

他にも正規表現を使って変換させる方もありますが toLocaleString() で簡単に変換できてしまうので覚えなくてもいいかなっと。

皆さんも試してみてください。

おつかれさまでした。

この記事がお役に立ちましたら シェア をお願いいたします。