如何在JavaScript中计算字数

作为一名 javascript 开发人员，有时您需要限制用户在文本框中的输入。有两种方法可以限制用户输入：通过字符数或单词数。今天，我们将讨论后者——如何在 JavaScript 中计算字符串中的单词数。

javaScript 示例：计算字符串中的字数

在本节中，我们将构建一个自定义 JavaScript 函数，该函数允许您计算字符串中的所有单词。

让我们快速看一下下面的例子。

如您所见，我们制作了getWordCountJavaScript 函数，它接受一个字符串参数并给出给定字符串中所有单词的总数。

让我们了解它是如何工作的。首先，我们使用splitJavaScript 字符串方法在空格字符上拆分字符串，结果，我们得到一个字符串数组。

接下来，我们使用filterJavaScript 数组方法过滤掉空字符串——当字符串连续有两个空格时，这些可能会显示出来。

最后，我们有一个单词数组（以及其他标点符号），我们可以使用数组length属性来计算数组中元素的数量。这给了我们给定字符串中的单词总数！

JavaScript 示例：使用正则表达式计算字符串中的单词

在上一节中，我们讨论了一个 JavaScript 示例来演示如何计算字符串中的所有单词。我们通过拆分空格字符来做到这一点。但是，我们必须过滤掉当源字符串连续有多个空格时可能出现的空字符串。

在本节中，我们将使用正则表达式修改上述示例。让我们快速看一下下面的例子。

/\s+/这一次，我们用正则表达式分割字符串，表示一个或多个空格字符。这样，我们直接得到我们想要的结果，而不需要过滤空字符串。此外，该\s模式匹配新行和制表符，使得结果比直接匹配空格字符更健壮。如您所见，借助splitJavaScript 字符串方法，计算字符串中的单词变得更加容易！

一个真实的例子

在本节中，我们将看到一个真实示例来演示getWordCount我们在前几节中构建的函数的使用。

让我们看一下下面的例子，当用户在文本区域输入时，它会显示一个实时的单词计数器。

因此，如您所见，当用户在文本区域中键入内容时，它会显示一个实时计数器！当您想要限制输入文本时，您可以使用并扩展此示例以向用户显示消息。

结论

今天，我们通过几个例子讨论了如何在 JavaScript 中计算单词。