勉強したことのメモ

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

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

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

2022/01/04 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;
}

関連記事

: バニラJS対応(jQuery非依存)の画像スライダー系プラグイン「Flickity」の利用方法

画像スライダーを設置する場合「slick」プラグインを利用することが多い。ただ、 ...

: 画像をドラッグ&ドロップでアップロード

■2015/04/15追記以下記事の方が新しくて詳しい。 http://tai ...

: JavaScriptで後から追加した要素にイベントを割り当てる方法と挙動の違いについて

jQueryで後から追加した要素に対してイベントを割り当てる場合、いつもと異なる ...

: tableのtd内にあるcheckboxのクリック範囲を拡大させ、チェック時に親要素であるtdにCSSを割り当てる方法

tableのtd内にcheckboxを設置し、td部分をクリックすることでche ...

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

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