Conteggio delle parole usando JavaScript
A volte, come sviluppatore JavaScript, è necessario limitare l'input dell'utente nella casella di testo dal limite del carattere o dal limite di parole. In tali situazioni, il contatore può aiutare a tenere traccia delle parole o dei caratteri quando l'utente li entra. Più specificamente, la parola contatore può essere utilizzata per contare le parole in JavaScript usando approcci diversi.
Questo articolo spiegherà il metodo per contare le parole in JavaScript.
Come contare la parola usando JavaScript?
Come sappiamo, le parole in una frase sono separate da uno spazio. Questo afferma che lo spazio può essere utilizzato come separatore per contare le parole in una frase o stringa. Per contare le parole in un'area di testo, utilizzare i metodi e le proprietà predefiniti JavaScript, tra cui "diviso()","filtro()", E "ordinare()"Metodi con regex o senza regex.
Esempio 1: Contare la parola usando i metodi Split () e Filter ()
In primo luogo, inizializza una corda circondata da virgola invertita e conservala in una variabile denominata "corda":
var string = 'LinuxHint è il miglior sito Web per le abilità di apprendimento';
Quindi, stampare la stringa usando "console.tronco d'albero()" metodo:
console.log (stringa);
Ottieni il conteggio delle parole chiamando la funzione definita denominata "getCount ()":
console.log ('parole totali nella stringa:'+ getCount (string));
In "getCount ()"Funzione, invocare i metodi Split () e Filter () che dividono la stringa in base agli spazi, conta le parole e restituisce il conteggio totale:
funzione getCount (str)
restituire str.diviso(").filtro (function (num)
restituire num != "
).lunghezza;
L'output ha visualizzato il conteggio delle parole della stringa inizializzata come "8" parole:
Esempio 2: Conta la parola usando i metodi trim () e split ()
In questo esempio, useremo un altro approccio per eseguire la stessa operazione. Per farlo, considera la stessa stringa e chiama "ordinare()" con il "diviso()"Metodo, usa il regex per lo spazio come"/\ s+/", E infine invoca il"lunghezza" proprietà:
funzione getCount (str)
restituire str.ordinare().split (/\ s+/).lunghezza;
Produzione
Esempio 3: Conta le parole inserite dall'utente nella casella di testo
In questo esempio, conterremo le parole in una frase inserendo il testo in una casella di testo. Per fare ciò, crea una casella di testo utilizzando il tag HTML con ID "txtarea”E allegare un"al clic()"Evento che invoca la funzione JavaScript definita dall'utente"wordCount ()"Per contare ogni parola tranne gli spazi:
Quindi, crea due etichette; uno per la descrizione e l'altro per visualizzare il conteggio delle parole:
Nella funzione WordCount (), prima ottenere l'ID della casella di testo usando "getElementById ()"Metodo, set Count è uguale a 0 e chiama il metodo split () passando lo spazio come argomento. Quindi, itera il testo nell'area di testo usando il "per"Loop e verificare se il testo non contiene spazio, quindi incremento 1 nel conteggio:
funzione wordCount ()
var text = documento.getElementById ("Txtarea").valore;
var count = 0;
var split = text.diviso(");
per (var i = 0; i < split.length; i++)
if (split [i] != "")
conta ++;
documento.getElementById ("ShowCount").InnerHtml = COUNT;
L'output indica che il contatore delle parole funziona contemporaneamente quando l'utente inserisce qualsiasi testo:
Abbiamo compilato tutte le soluzioni più semplici per contare le parole in JavaScript.
Conclusione
Per contare le parole in un'area di testo, è possibile utilizzare i metodi e le proprietà predefiniti JavaScript, tra cui il “diviso()" metodo, "filtro()Metodo "e"ordinare()"Metodo con regex o senza regex e"lunghezza" proprietà. Il conteggio delle parole viene utilizzato principalmente nelle forme durante l'inserimento di informazioni in un limite specifico. In questo articolo, abbiamo spiegato diversi metodi per contare le parole in JavaScript.