勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

JavaScriptで数値のカンマ区切り化とカンマ区切りの解除

   2022/01/11  JavaScript

JavaScriptで数値を3桁ごとにカンマ区切り化したい。また、それとは逆にカンマ区切り解除もしたい。以下に方法をメモ。

 

ソースコード

//カンマ区切り化
function addFigure(str) {
    let num = new String(str).replace(/,/g, "");
    while(num != (num = num.replace(/^(-?\d+)(\d{3})/, "$1,$2")));
    return num;
}

//カンマ区切り解除
function removeFigure(str) {
    var num = new String(str).replace(/,/g, "");
    num = Number(num);
    return num;
}

 

 - JavaScript

  関連記事

formでファイルを選択した際にファイル名やサイズ、形式を調べる方法
formでファイルを選択した際にファイル名やサイズ、形式を調べる方法

フォームで画像などをアップロードする際に「ファイルサイズが大きすぎないか?」「拡 ...

JavaScriptでダミー画像(プレースホルダー画像)を表示する「Holder.js」ライブラリの利用方法
JavaScriptでダミー画像(プレースホルダー画像)を表示する「Holder.js」ライブラリの利用方法

サイトの開発段階で「本番用の画像はまだ用意できていない」等の理由によりダミー画像 ...

サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法
サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法

画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...

JavaScriptで特定の要素にマウスオーバーした際、ツールチップを表示させる「Tippy.js」ライブラリの利用方法
JavaScriptで特定の要素にマウスオーバーした際、ツールチップを表示させる「Tippy.js」ライブラリの利用方法

JavaScriptで特定の要素にマウスオーバーした際、ちょっとした説明文等を書 ...

JavaScriptライブラリChart.jsでグラフの描写する方法
JavaScriptライブラリChart.jsでグラフの描写する方法

JavaScriptでグラフを描写する必要があり、普段はHighchartを使用 ...