JavaScript 數字千分位處理探究

一、toLocaleString()

在 JavaScript 中，我們可以使用內置函數 toLocaleString() 來實現數字的千分位處理。toLocaleString() 可以將數字轉化為帶逗號的字符串格式，並且可以支持國際化，比如不同地區的貨幣符號等等。下面是使用 toLocaleString() 函數實現數字千分位處理的代碼示例：

const number = 1234567;
const formattedNumber = number.toLocaleString();
console.log(formattedNumber); // 1,234,567

使用 toLocaleString() 函數來對數字進行千分位處理非常簡單，只需要將數字傳入該函數即可。如果需要支持國際化相關的參數，可以在該函數中傳入相關的配置參數。

二、正則表達式處理

除了 toLocaleString() 函數，我們還可以使用正則表達式來實現數字千分位的處理。正則表達式的處理會更加靈活，可以根據不同需求來實現千分位處理。

以下是使用正則表達式對數字進行千分位處理的代碼示例：

const number = 1234567;
const formattedNumber = number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
console.log(formattedNumber); // 1,234,567

我們把數字轉為字符串後，使用正則表達式來匹配需要添加逗號的位置，再對字符串進行替換即可實現千分位處理。在正則表達式中，\B 表示非單詞邊界，(?=(\d{3})+(?!\d)) 表示匹配三位數字並且後面不能是數字。最後使用 replace() 函數進行替換即可。

三、遞歸函數處理

除了使用 toLocaleString() 函數和正則表達式外，我們還可以使用遞歸函數來實現數字千分位的處理。遞歸函數的實現比較靈活，可以進行更複雜的處理。

以下是使用遞歸函數實現數字千分位處理的代碼示例：

function formatNumber(num) {
  let numStr = num.toString();
  if (numStr.length < 4) {
    return numStr;
  } else {
    return formatNumber(numStr.slice(0, -3)) + "," + numStr.slice(-3);
  }
}

const number = 1234567;
const formattedNumber = formatNumber(number);
console.log(formattedNumber); // 1,234,567

上述代碼中定義了一個 formatNumber() 函數，該函數使用遞歸的方式實現數字的千分位處理。當數字長度小於 4 時，就可以直接返回該數字的字符串格式。當數字長度大於等於 4 時，可以把最後三位數字和前面的數字組合起來，並通過遞歸的方式繼續處理。

四、常用方法比較

在實現數字千分位處理時，除了上述方法外還有一些常見的方法，如使用 Math.floor() 函數和 Math.round() 函數，這裡我們來比較一下它們的優劣勢：

1. 使用 toLocaleString() 函數，代碼簡潔，但是稍微慢一些；
2. 使用正則表達式可以更靈活地進行格式處理，但是需要理解和編寫正則表達式，代碼可讀性不夠好；
3. 使用遞歸函數可以靈活的進行格式處理，可擴展性較好，但是需要考慮數字長度的問題，代碼量稍多；
4. 使用 Math.floor() 函數只能向下取整，可能產生誤差；使用 Math.round() 可以進行四捨五入，但是該函數性能較差。

根據實際需求和場景需要選擇合適的方法來進行數字千分位處理。

總結

本文總結了 JavaScript 中數字千分位處理的幾種常用方法，包括 toLocaleString() 函數、正則表達式、遞歸函數和常見的取整函數。根據實際需求和場景可以選擇合適的方法來進行數字千分位處理。