JavaScript 將逗號新增到數字

1. 在 JavaScript 中使用正規表示式格式化帶逗號的數字
2. 在 JavaScript 中使用 Intl.NumberFormat() 用逗號格式化數字
3. 在 JavaScript 中使用 toLocaleString() 來格式化帶逗號的數字

本教程說明了如何在 JavaScript 中列印以逗號分隔的數字。

我們可以使用三種不同的方法，具體取決於我們的用例以及處理給定數字所需的速度/效率。

在 JavaScript 中使用正規表示式格式化帶逗號的數字

正規表示式使用兩個先行斷言：

1. 一個正向超前斷言，它在字串中搜尋一個點，該點後包含一組三位數。
2. 一個否定的超前斷言，可確保給定點的組大小恰好為 3 位數。

然後替換表示式在該位置插入逗號。

它還通過在將正規表示式應用於小數點前的部分之前分割字串來處理小數位。

const numb=213231221;

function separator(numb) {
    var str = numb.toString().split(".");
    str[0] = str[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    return str.join(".");
}

console.log(separator(numb))

輸出：

"213,231,221"

在 JavaScript 中使用 Intl.NumberFormat() 用逗號格式化數字

此方法用於以語言敏感格式表示數字，並根據提供的參數列示貨幣。提供的引數稱為 locale，並指定數字的格式。例如，en-IN 語言環境採用印度和英語的格式。從右起的第一個逗號分隔成千上萬個，然後以百位數為單位。

我們將使用附加到 Intl.NumberFormat() 產生的物件上的 format() 函式。此函式接受數字並返回逗號分隔的字串。要獲得由千位分隔的字串，我們可以使用 en-US 語言環境。

const givenNumber = 123423134231233423;

internationalNumberFormat = new Intl.NumberFormat('en-US')
console.log(internationalNumberFormat.format(givenNumber))

輸出：

"123,423,134,231,233,420"

在 JavaScript 中使用 toLocaleString() 來格式化帶逗號的數字

toLocaleString() 方法返回一個字串，該字串具有數字的語言敏感表示形式，就像上面的方法一樣。它還採用指定數字格式的語言環境引數。

const givenNumber = 123423134231233423;

console.log(givenNumber.toLocaleString('en-US'))

輸出：

"123,423,134,231,233,420"

所有主要的瀏覽器都支援所有這些方式。