ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で千の位区切り文字を使用して数値を書式設定する方法

JavaScript で千の位区切り文字を使用して数値を書式設定する方法

DDD
DDDオリジナル
2024-12-31 19:07:10810ブラウズ

How to Format Numbers with Thousands Separators in JavaScript?

JavaScript で千の位区切り文字を使用した数値の書式設定

質問:

JavaScript を使用して次のことを行う方法整数を変換します。桁区切り記号を使用して数値としてフォーマットしますか?たとえば、数値 1234567 は「1,234,567」と表示されます。

現在の実装:

function numberWithCommas(x) {
    x = x.toString();
    var pattern = /(-?\d+)(\d{3})/;
    while (pattern.test(x))
        x = x.replace(pattern, ",");
    return x;
}

よりシンプルで洗練されたメソッド:

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

このメソッドは通常のメソッドを使用します式 3 桁ごとに出現箇所を検索する式 (B(?=(d{3}) (?!d))) をカンマ (,) に置き換えます。

浮動小数点数の処理:

このメソッドは、浮動小数点数を文字列に変換してフォーマットするだけです:

const numberWithCommas = (x) => x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

console.log(numberWithCommas(1234567.89)); // "1,234,567.89"

以上がJavaScript で千の位区切り文字を使用して数値を書式設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。