Rumah > Tutorial CMS > WordTekan > teks badan

Kiraan Perkataan JavaScript: Panduan Langkah demi Langkah

WBOY
Lepaskan: 2023-09-02 23:17:10
asal
1369 orang telah melayarinya

JavaScript 字数统计:分步指南

Dalam artikel pendek ini, kita akan belajar cara mengira bilangan perkataan dalam perenggan menggunakan JavaScript, bersama-sama dengan beberapa contoh praktikal.

Sebagai pembangun JavaScript, kadangkala anda perlu mengehadkan input pengguna dalam kotak teks. Terdapat dua cara untuk mengehadkan input pengguna: dengan bilangan aksara atau dengan bilangan perkataan. Hari ini, kita akan bercakap tentang yang terakhir - cara mengira bilangan perkataan dalam rentetan dalam JavaScript.

JavaScript Contoh: Kira bilangan perkataan dalam rentetan

Dalam bahagian ini, kami akan membina fungsi JavaScript tersuai yang membolehkan anda mengira semua perkataan dalam rentetan.

Mari kita lihat contoh berikut.

Seperti yang anda lihat, kami telah mencipta fungsi JavaScript getWordCount yang mengambil parameter rentetan dan memberikan jumlah bilangan semua perkataan dalam rentetan yang diberikan. getWordCount JavaScript 函数,该函数采用字符串参数并给出给定字符串中所有单词的总数。

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

接下来,我们使用 filter JavaScript 数组方法来过滤掉空字符串——当字符串连续有两个空格时,这些空字符串就会出现。

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

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

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

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

这一次,我们使用 /s+/ 正则表达式分割字符串,表示一个或多个空白字符。这样,我们就可以直接得到我们想要的结果,而不需要过滤空字符串。此外, s 模式匹配新行和制表符,使得结果比直接匹配空格字符更加稳健。正如你所看到的,借助 split JavaScript 字符串方法,计算字符串中的单词数变得更加容易!

现实世界的例子

在本节中,我们将看到一个实际示例来演示我们在前面几节中构建的 getWordCount

Mari kita fahami cara ia berfungsi. Mula-mula, kami membahagi rentetan pada aksara ruang menggunakan kaedah rentetan split dan sebagai hasilnya, kami mendapat tatasusunan rentetan.

Seterusnya, kami menggunakan kaedah tatasusunan penapis JavaScript untuk menapis rentetan kosong - ini muncul apabila rentetan mempunyai dua ruang dalam satu baris.

Contoh JavaScript: Kira bilangan perkataan dalam rentetan menggunakan ungkapan biasa

Dalam bahagian sebelumnya, kami membincangkan contoh JavaScript untuk menunjukkan cara mengira semua perkataan dalam rentetan. Kami melakukan ini dengan membelah pada aksara angkasa. Walau bagaimanapun, kita mesti menapis rentetan kosong yang mungkin muncul apabila rentetan sumber mempunyai berbilang ruang dalam satu baris.

Dalam bahagian ini, kami akan mengubah suai contoh di atas menggunakan ungkapan biasa. Mari kita lihat contoh di bawah.

Atas ialah kandungan terperinci Kiraan Perkataan JavaScript: Panduan Langkah demi Langkah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan