在这篇快速文章中,我们将看到如何用JavaScript计算一段话中的字数,以及几个真实的例子。
作为一个JavaScript开发者,有时你需要限制用户在文本框中的输入。有两种方法来限制用户的输入:要么按字符数,要么按字数。今天,我们将讨论后者--如何在JavaScript中计算一个字符串的字数。
JavaScript例子。计算一个字符串中的字数
在本节中,我们将建立一个自定义的JavaScript函数,允许你计算一个字符串中的所有单词。
让我们快速看一下下面的例子。
正如你所看到的,我们已经制作了getWordCount 这个JavaScript函数,它接受一个字符串参数,并给出给定字符串中所有单词的总计数。
让我们了解一下它是如何工作的。首先,我们使用了split JavaScript字符串方法,在空格字符上分割字符串,结果,我们得到了一个字符串数组。
接下来,我们使用了filter JavaScript数组方法来过滤掉空字符串--当字符串中连续有两个空格时,这些就可能出现了。
最后,我们有一个单词数组(还有其他标点符号),我们可以使用数组length 属性来计算数组中的元素数量。这样我们就得到了一个给定字符串中的总字数!
JavaScript例子。用Regex计算一个字符串中的字数
在上一节中,我们讨论了一个JavaScript例子,以演示如何计算一个字符串中的所有单词。我们通过对空格字符进行分割来做到这一点。然而,我们必须过滤掉空字符串,因为当源字符串中连续出现多个空格时,就会出现空字符串。
在本节中,我们将用regex修改上述例子。让我们快速看一下下面的例子。
这一次,我们用/\s+/ 正则表达式分割字符串,即一个或多个空白字符。这样,我们直接进入我们想要的结果,而不需要过滤空字符串。另外,\s 模式匹配新行和制表符,使结果比直接匹配空格字符更稳健。正如你所看到的,在split JavaScript字符串方法的帮助下,计算字符串中的字数变得更加容易了!
一个现实世界的例子
在本节中,我们将看到一个真实世界的例子,来演示我们在前面章节中建立的getWordCount 函数的使用。
让我们来看看下面的例子,当用户在文本区输入时,会显示一个实时的单词计数器。
所以,正如你所看到的,当用户在文本区中输入时,会显示一个实时的计数器你可以使用和扩展这个例子,当你想限制输入文本时,向用户显示一条信息。
总结
今天,我们通过几个例子讨论了如何在JavaScript中计算单词。