Nombre de mots en utilisant JavaScript

Nombre de mots en utilisant JavaScript

Parfois, en tant que développeur JavaScript, vous devez restreindre la entrée des utilisateurs dans la zone de texte par la limite de caractères ou la limite de mot. Dans de telles situations, le comptoir peut aider à garder une trace des mots ou des caractères lorsque l'utilisateur entre eux. Plus précisément, le compteur de mots peut être utilisé pour compter les mots en javascript en utilisant différentes approches.

Cet article expliquera la méthode pour compter les mots en javascript.

Comment compter Word en utilisant JavaScript?

Comme nous le savons, les mots d'une phrase sont séparés par un espace. Cela indique que l'espace peut être utilisé comme séparateur pour compter les mots d'une phrase ou d'une chaîne. Pour compter les mots dans une zone de texte, utilisez les méthodes et propriétés prédéfinies JavaScript, y compris «diviser()","filtre()", et "garniture()”Méthodes avec regex ou sans regex.

Exemple 1: Compter Word en utilisant des méthodes Split () et Filter ()

Tout d'abord, initialisez une chaîne entourée de virgule inversée et stockez-la dans une variable nommée «chaîne»:

var string = 'LinuxHint est le meilleur site Web pour les compétences d'apprentissage';


Ensuite, imprimez la chaîne en utilisant "console.enregistrer()" méthode:

console.log (chaîne);


Obtenez le compte de mots en appelant la fonction définie nommée «getCount ()»:

console.log ('Total Words in String:' + getCount (string));


Dans "getCount ()”Fonction, invoquez les méthodes Split () et Filter () qui diviseront la chaîne en fonction des espaces, comptent les mots et renvoie le nombre total:

fonction getCount (str)
Retour Str.diviser(").filtre (fonction (num)
retour num != "
).longueur;


La sortie a affiché le nombre de mots de la chaîne initialisée comme «8" mots:


Exemple 2: Comptez le mot en utilisant des méthodes Trim () et Split ()

Dans cet exemple, nous utiliserons une autre approche pour effectuer la même opération. Pour ce faire, considérez la même chaîne et appelez «garniture()" avec le "diviser()«Méthode, utilisez le regex pour l'espace comme«/ \ s + /», Et enfin invoque le«longueur" propriété:

fonction getCount (str)
Retour Str.garniture().Split (/ \ S + /).longueur;


Sortir


Exemple 3: Comptez les mots entrés par l'utilisateur dans la zone de texte

Dans cet exemple, nous compterons les mots dans une phrase en entrant du texte dans une zone de texte. Pour ce faire, créez une zone de texte en utilisant la balise HTML avec ID "txtarea"Et attachez un"sur clic()«Événement à celui-ci qui invoque la fonction définie par l'utilisateur JavaScript«WordCount ()«Pour compter chaque mot sauf les espaces:


Ensuite, créez deux étiquettes; l'un pour la description et l'autre pour afficher le nombre de mots:



Dans la fonction WordCount (), obtenez d'abord l'ID de la zone de texte à l'aide du «getElementByid ()”Méthode, le nombre de réglages est égal à 0 et appelez la méthode Split () en faisant passer l'espace comme argument. Ensuite, itérez le texte dans la zone de texte en utilisant le «pour”Boucle et vérifiez si le texte ne contient aucun espace, puis incrément 1 dans le décompte:

fonction wordCount ()
var text = document.GetElementByid ("txtarea").valeur;
Var Count = 0;
Var Split = Texte.diviser(");
pour (var i = 0; i < split.length; i++)
if (fendre [i] != "")
Count ++;


document.getElementByid ("présenter").innerhtml = count;


La sortie signifie que le compteur de mots fonctionne simultanément lorsque l'utilisateur entre dans un texte:


Nous avons compilé toutes les solutions les plus simples pour compter les mots en javascript.

Conclusion

Pour compter les mots dans une zone de texte, vous pouvez utiliser les méthodes et propriétés prédéfinies JavaScript, y compris le «diviser()" méthode, "filtre()«Méthode, et«garniture()«Méthode avec regex ou sans regex et«longueur" propriété. Le nombre de mots est principalement utilisé dans les formulaires tout en entrant des informations dans une limite spécifique. Dans cet article, nous avons expliqué différentes méthodes pour compter les mots en javascript.