Liczba słów za pomocą JavaScript

Czasami, jako programista JavaScript, musisz ograniczyć dane wejściowe użytkownika do pola tekstowego według limitu znaków lub limitu słowa. W takich sytuacjach licznik może pomóc w śledzeniu słów lub znaków, gdy użytkownik wchodzi do nich. Mówiąc dokładniej, licznik słów można wykorzystać do zliczenia słów w JavaScript za pomocą różnych podejść.

Ten zapis wyjaśni metodę liczenia słów w JavaScript.

Jak policzyć słowo za pomocą JavaScript?

Jak wiemy, słowa w zdaniu są oddzielone przestrzenią. Stwierdza, że ​​przestrzeń można wykorzystać jako separator do zliczenia słów w zdaniu lub ciągu. Aby policzyć słowa w obszarze tekstowym, użyj predefiniowanych metod i właściwości JavaScript, w tym „podział()”,„filtr()", I "przycinać()”Metody z Regex lub bez Regex.

Przykład 1: Licz Word za pomocą metod split () i Filter ()

Po pierwsze, zainicjuj ciąg otoczony odwróconą przecinkiem i przechowuj go w zmiennej o nazwie „strunowy”:

var string = 'Linuxhint to najlepsza strona internetowa dla umiejętności uczenia się ”;

Następnie wydrukuj ciąg za pomocą „konsola.dziennik()" metoda:

konsola.log (ciąg);

Zdobądź liczbę słów, wywołując określoną funkcję o nazwie „getCount ()”:

konsola.log („Total Words in String:”+ getCount (String));

W "getCount ()„Funkcja, wywołuj metody split () i filtr (), które podzielą ciąg na podstawie przestrzeni, zlicza słowa i zwraca całkowitą liczbę:

funkcja getCount (str)
powrót str.podział(").filtr (funkcja (num)
return Num != "
).długość;

Wyjście wyświetliło liczbę słów zainicjowanego ciągu jako „8" słowa:

Przykład 2: Licz Word za pomocą metod trim () i split ()

W tym przykładzie zastosujemy inne podejście do wykonania tej samej operacji. Aby to zrobić, rozważ ten sam ciąg i zadzwoń „przycinać()”Z„podział()„Metoda, użyj regex dla przestrzeni jako„/\ s+/”I wreszcie przywołaj„długość" nieruchomość:

funkcja getCount (str)
powrót str.przycinać().split (/\ s+/).długość;

Wyjście

Przykład 3: Licz słowa wprowadzone przez użytkownika w polu tekstowym

W tym przykładzie policzymy słowa w zdaniu, wprowadzając tekst w polu tekstowym. Aby to zrobić, utwórz pola tekstowe za pomocą znacznika HTML z identyfikatorem „TXTAREA”I dołącz„na kliknięcie()„Zdarzenie do niego, które wywołuje funkcję zdefiniowaną przez użytkownika JavaScript”Liczba słów()„Zliczyć każde słowo oprócz przestrzeni:

Następnie utwórz dwie etykiety; jeden do opisu, a drugi, aby wyświetlić słowo hrabia:

Całkowita liczba słów:

W funkcji WordCount () najpierw uzyskaj identyfikator pola tekstowego za pomocą „getElementById ()”Metoda, ustawiona liczba równa się do 0 i wywołać metodę split (), przekazując miejsce jako argument. Następnie iteruj tekst w obszarze tekstowym za pomocą „Do”Pętla i sprawdź, czy tekst nie zawiera żadnego miejsca, a następnie zwiększyć 1 w liczbie:

Funkcja WordCount ()
var text = dokument.getElementById („TXTAREA”).wartość;
var count = 0;
var split = tekst.podział(");
dla (var i = 0; i < split.length; i++)
if (split [i] != "")
count ++;


dokument.getElementById („ShowCount”).innerHtml = Count;

Dane wyjściowe oznacza, że ​​licznik słowa działa jednocześnie, gdy użytkownik wprowadza dowolny tekst:

Skompilowaliśmy wszystkie najprostsze rozwiązania, aby policzyć słowa w JavaScript.

Wniosek

Aby policzyć słowa w obszarze tekstowym, możesz użyć predefiniowanych metod i właściwości JavaScript, w tym „podział()" metoda, "filtr()”Metoda i„przycinać()”Metoda z Regex lub bez Regex i„długość" nieruchomość. Liczba słów jest używana głównie w formularzach, jednocześnie wprowadzając informacje w określonym limicie. W tym artykule wyjaśniliśmy różne metody liczenia słów w JavaScript.