JavaScript 字數統計：逐步指南

在這篇簡短的文章中，我們將了解如何使用 JavaScript 計算段落中的單字數，以及一些實際範例。

身為 JavaScript 開發人員，有時您需要限制使用者在文字方塊中的輸入。有兩種方法可以限制使用者輸入：按字元數或按字數。今天，我們將討論後者——如何在 JavaScript 中計算字串中的單字數。

JavaScript 範例：計算字串中的單字數

在本節中，我們將建立一個自訂 JavaScript 函數，該函數可讓您計算字串中的所有單字數。

讓我們快速瀏覽一下以下範例。

如您所見，我們建立了 getWordCount JavaScript 函數，該函數採用字串參數並給出給定字串中所有單字的總數。

讓我們了解它是如何運作的。首先，我們使用 split JavaScript 字串方法在空格字元上分割字串，結果，我們得到一個字串陣列。

接下來，我們使用 filter JavaScript 陣列方法來過濾掉空字串－當字串連續有兩個空格時，這些空字串就會出現。

最後，我們有一個單字陣列（以及其他標點符號），我們可以使用陣列 length 屬性來計算陣列中元素的數量。這給了我們給定字串中的單字總數！

JavaScript 範例：使用正規表示式計算字串中的單字數

在上一節中，我們討論了一個 JavaScript 範例來示範如何計算字串中的所有單字。我們透過分割空格字元來做到這一點。但是，我們必須過濾掉當來源字串連續有多個空格時可能出現的空字串。

在本節中，我們將使用正規表示式修改上述範例。讓我們快速瀏覽一下下面的範例。

這次，我們使用 /\s / 正規表示式分割字串，表示一個或多個空白字元。這樣，我們就可以直接得到我們想要的結果，而不需要過濾空字串。此外， \s 模式匹配新行和製表符，使得結果比直接匹配空格字元更穩健。如你所看到的，借助 split JavaScript 字串方法，計算字串中的單字數變得更加容易！

現實世界的例子

在本節中，我們將看到一個實際範例來示範我們在前面幾節中建立的 getWordCount 函數的用法。

讓我們看一下以下範例，當使用者在文字區域中鍵入內容時，該範例會顯示即時字數計數器。

因此，如您所看到的，當使用者在文字區域中鍵入內容時，它會顯示即時計數器！您可以使用並擴展此範例，以便在您想要限制輸入文字時向使用者顯示一則訊息。

結論

今天，我們透過幾個範例討論如何在 JavaScript 中計算單字數。

以上是JavaScript 字數統計：逐步指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！