JavaScript 桁区切りのライブラリ

やりたいこと

JavaScriptで数値を以下の様に桁区切りで表示するライブラリを探しています。

英語圏
1000 → 1,000
1000.0 → 1,000.0
1000.00 →　1,000.00

フランス語圏
1000 →　1 000
1000.0 → 1 000,0
1000.00 →　1 000,00

試したこと

Intl.NumberFormat

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat

const number = "1234.50";
new Intl.NumberFormat().format(number);
// "1234.5"

問題
末尾の0が表示されない。

numeral.js

http://numeraljs.com/

const number = "1234.50";
numeral(number).format();
// "1,235"

問題
小数が表示されない。

m.ts10806

2018/05/18 06:02

調べてみたこと、やってみたこと（そのソースコード）を具体的に追記してください。また参考先サイトがあればURLも質問に追記してください。既に見た先が回答についてしまうと無駄なやり取りが発生しますし、もしかしたら参考記事の理解が間違っているために解決に至れていないのかもしれません。https://teratail.com/help/question-tips#questionTips1-2

回答2件

ビルトインオブジェクトのメソッドにあります。

js
1(1000).toLocaleString('en',{ minimumFractionDigits: 2 });
2
3/*
41,000.00
5*/
6
7(1000).toLocaleString('fr',{ minimumFractionDigits: 2 });
8
9/*
101 000,00
11*/

Number.prototype.toLocaleString() - JavaScript | MDN

投稿2018/05/18 05:53

編集2018/05/18 06:32

Lhankor_Mhy

総合スコア33639

回答へのコメント

maisumakun

2018/05/18 06:08 編集

toLocaleStringなのですが、「Safariなど、オプション引数に対応していない環境があって、ロケールに依存せずに動かそうとすればエラーになる」「正規表現で処理するより遥かに遅い」などの事情があるので、（単にコンマ区切りにする目的では）実運用に入れるのはあまりおすすめできないかなと思います。

maisumakun

2018/05/18 06:02

…って、質問者の追加で180度逆になってしまいました（汗

Lhankor_Mhy

2018/05/18 06:24

手持ちの Safari for iOS で試しましたが、動作しました。 caniuseではこうなっていますね。 https://caniuse.com/#feat=internationalization Safari 9- だと動作しないようですね。動作環境率84.58%は、微妙といえば微妙なとことですね……

正規表現を使えば、簡潔に書けます。

javascript
1function toComma(num){
2  const arr = String(num).split('.');
3  arr[0] = arr[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
4  return arr.join('.');
5}