JavaScript 格式化数字（带逗号）

在本文中，我们将讨论如何在 JavaScript 中使用逗号格式化数字。有时，为了便于阅读，我们需要在 HTML 页面中用逗号格式化数字。使用 JavaScript，我们可以将数字转换为逗号分隔的值。在这里，我们将讨论为此目的的方法。

格式化数字带逗号的第一种方法是使用 toLocaleString() 方法。

使用 toLocaleString() 方法

JavaScript 的 toLocaleString() 方法用于将给定数组的元素转换为字符串，并且这些字符串以逗号 "," 分隔。我们可以将 "en-US" 作为参数传递，这样该方法将采用美国和英语的格式，并用逗号分隔千位数来表示数字。

现在，让我们通过一个例子来理解这个方法。

示例

在此示例中，我们使用 toLocaleString() 来格式化用逗号分隔的数字。在这里，我们格式化两个数字，一个是整数类型，另一个是浮点数。单击给定按钮后，给定的数字将用逗号格式化。数字将在千位处用逗号分隔。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

如果您不想使用上述方法，那么我们可以使用另一种格式化数字带逗号的方法。

使用 Intl.NumberFormat() 对象

Intl.NumberFormat() 对象用于以语言敏感的格式表示数字，我们也可以根据指定的区域设置使用它来表示百分比或货币。提供的参数称为 locale，用于指定数字格式。

我们可以将 "en-US" 作为参数传递，这样区域设置将采用美国和英语的格式，并用逗号分隔千位数来表示数字。我们还将使用此对象的 format() 方法来返回指定区域设置中数字的字符串。 format() 函数将接收数字并返回逗号分隔的字符串。

现在，让我们通过一个例子来理解这个方法。

示例

在此示例中，我们将 Intl.NumberFormat() 对象同时用于整数类型和浮点数。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

使用正则表达式格式化数字带逗号

regex 或 正则表达式 是指定搜索词的字符序列。使用 regex，我们可以替换和查找字符串中的值，并根据要求以所需方式格式化它们。

让我们考虑以下 regex 模式。下面的 regex 模式将搜索字符串，并在每三个连续数字后放置一个标记。我们可以将 regex 模式与 String.replace() 方法结合使用来将标记替换为逗号。

现在，让我们通过一个例子来理解它。

示例

在此示例中，我们在 JavaScript 中使用正则表达式来格式化数字带逗号。这里，我们使用一个 regex 模式，该模式在数字的每三个数字后放置一个标记。我们还使用 String.replace() 方法将标记替换为逗号。

输出

执行上述代码后，输出将是 -

单击给定按钮后，输出将是 -

本教程到此结束。在本文中，我们讨论了在 JavaScript 中格式化数字带逗号的三种方法。希望这篇文章能帮助您了解在 JavaScript 中格式化数字带逗号的方法。