勉強したことのメモ

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

  関連記事

サイトをダークモード対応させる「Darkmode.js」ライブラリの利用方法
サイトをダークモード対応させる「Darkmode.js」ライブラリの利用方法

サイトをダークモード対応させる場合、CSSで色々指定しないといけないと思っていた ...

JavaScript / PHPにて「lz-string」を用いてデータの圧縮・展開する方法
JavaScript / PHPにて「lz-string」を用いてデータの圧縮・展開する方法

文字数が多いGETパラメータを送信したいというケースがあった。また、送信側はJa ...

LightboxをjQuery無しで実装できる「Luminous」の利用方法
LightboxをjQuery無しで実装できる「Luminous」の利用方法

あるサイトのコーディングデータを貰った際、jQueryは使用していないのにLig ...

バニラJavaScriptでリッチなセレクトメニュー(プルダウン)を実装できる「Choices.js」の利用方法
バニラJavaScriptでリッチなセレクトメニュー(プルダウン)を実装できる「Choices.js」の利用方法

サジェストや複数選択等、機能付きのセレクトメニュー(プルダウン)を実装する際、今 ...

Leafletで「leaflet-control-geocoder」プラグインを導入して住所検索機能を追加する方法
Leafletで「leaflet-control-geocoder」プラグインを導入して住所検索機能を追加する方法

LeafletとOpenStreetMapでマップを表示させ、テキストボックスに ...