JavaScriptで数値をカンマ区切り（カンマ編集）の文字列とする方法

更新 JavaScript

はじめに

簡単にできる、できないなどの意見が昔からあるが、 2020年現在は各種ブラウザやNode.jsも進化し、いずれも統一した方法で実現できるようです。

検証環境

1
2
3
4
5

$ "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" --version
Google Chrome 79.0.3945.130

$ node --version
v13.6.0

カンマ区切り（カンマ編集）する方法

Number#toLocaleString() メソッドを使えば実現できます。

1
2
3
4
5
6
7
8
9

$ node
Welcome to Node.js v13.6.0.

Type ".help" for more information.
> let n = 1234567
undefined
> console.log(n.toLocaleString())
1,234,567
undefined

JavaScriptの部分の処理を取り出すと以下のようになっています。

1
2
3

let n = 1234567

console.log(n.toLocaleString())

ChromeやSafari、Firefoxの開発者ツールに上記スクリプトを貼り付けても、やはり正常に動作することを確認できました。

ひとこと

数年前は Node.js や Safari では未実装だったメソッドでした。 時代は進化しました。