带逗号的数字

在 JavaScript 中，为了更好的阅读和理解数字，我们通常会将较大的数字添加逗号来分隔数字的每一位，例如：1,000,000。

如何将数字转换成带逗号格式

在 JavaScript 中，我们可以使用 toLocaleString() 方法来将数字转换成带逗号的格式。该方法返回数字的字符串表示，并根据所传递的区域设置决定数字分隔符的位置。

以下是将数字转换成带逗号格式的示例代码：

const number = 1000000;
const numberWithCommas = number.toLocaleString();
console.log(numberWithCommas); // 1,000,000 in English locale

如何从带逗号格式的字符串中获取数字

有时我们需要从带逗号格式的字符串中获取数字，这时我们需要使用 replace() 方法来去除其中的逗号，然后使用 parseFloat() 或 parseInt() 方法将字符串转换为数字。

以下是从带逗号格式的字符串中获取数字的示例代码：

const numberWithCommas = '1,000,000';
const number = parseFloat(numberWithCommas.replace(/,/g, ''));
console.log(number); // 1000000

需要注意的是， replace() 方法的第一个参数是一个正则表达式，它将匹配所有的逗号并替换为空字符串，从而去除逗号。

注意事项

• 使用 toLocaleString() 方法时需注意传递的区域设置，以确保逗号的位置正确。
• 在使用 replace() 方法去除逗号时，需使用正则表达式，并传递 g 标志，以匹配所有的逗号。
• 使用 parseFloat() 或 parseInt() 方法时，需确保被转换的字符串仅包含数字和一个小数点（仅适用于 parseFloat()）。
• 被转换的数字可能会超过 JavaScript 的数值范围，导致精度丢失或返回 infinity 或 NaN。