JavaScript-Wortzählung: Eine Schritt-für-Schritt-Anleitung

In diesem kurzen Artikel erfahren Sie anhand einiger praktischer Beispiele, wie Sie mithilfe von JavaScript die Anzahl der Wörter in einem Absatz zählen.

Als JavaScript-Entwickler müssen Sie manchmal die Benutzereingabe in einem Textfeld einschränken. Es gibt zwei Möglichkeiten, die Benutzereingabe zu begrenzen: nach Anzahl der Zeichen oder nach Anzahl der Wörter. Heute sprechen wir über Letzteres – wie man die Anzahl der Wörter in einer Zeichenfolge in JavaScript zählt.

JavaScript-Beispiel: Zählen Sie die Anzahl der Wörter in einer Zeichenfolge

In diesem Abschnitt erstellen wir eine benutzerdefinierte JavaScript-Funktion, mit der Sie alle Wörter in einer Zeichenfolge zählen können.

Werfen wir einen kurzen Blick auf die folgenden Beispiele.

Wie Sie sehen können, haben wir eine getWordCount JavaScript-Funktion erstellt, die ein Zeichenfolgenargument akzeptiert und die Gesamtzahl aller Wörter in der angegebenen Zeichenfolge angibt.

Lassen Sie uns verstehen, wie es funktioniert. Zuerst verwenden wir die split JavaScript-String-Methode, um die Zeichenfolge in Leerzeichen aufzuteilen, und als Ergebnis erhalten wir ein Array von Zeichenfolgen.

Als nächstes verwenden wir filter JavaScript-Array-Methoden, um leere Zeichenfolgen herauszufiltern – diese erscheinen, wenn eine Zeichenfolge zwei Leerzeichen in einer Zeile enthält.

Schließlich haben wir ein Array von Wörtern (und anderen Satzzeichen) und können die Array-Eigenschaft length verwenden, um die Anzahl der Elemente im Array zu zählen. Dies gibt uns die Gesamtzahl der Wörter in der angegebenen Zeichenfolge!

JavaScript-Beispiel: Zählen Sie die Anzahl der Wörter in einer Zeichenfolge mithilfe regulärer Ausdrücke

Im vorherigen Abschnitt haben wir ein JavaScript-Beispiel besprochen, um zu zeigen, wie alle Wörter in einer Zeichenfolge gezählt werden. Dies erreichen wir durch die Aufteilung in Leerzeichen. Allerdings müssen wir leere Zeichenfolgen herausfiltern, die auftreten können, wenn die Quellzeichenfolge mehrere Leerzeichen in einer Zeile enthält.

In diesem Abschnitt modifizieren wir das obige Beispiel mithilfe regulärer Ausdrücke. Werfen wir einen kurzen Blick auf das folgende Beispiel.

Dieses Mal verwenden wir den regulären Ausdruck /s+/, um die Zeichenfolge zu teilen und ein oder mehrere Leerzeichen darzustellen. Auf diese Weise können wir direkt die gewünschten Ergebnisse erhalten, ohne die leere Zeichenfolge zu filtern. Darüber hinaus gleicht das s-Muster neue Zeilen und Tabulatorzeichen ab, wodurch die Ergebnisse robuster sind als beim direkten Abgleich von Leerzeichen. Wie Sie sehen, ist das Zählen der Anzahl der Wörter in einem String mit Hilfe von /s+/ 正则表达式分割字符串，表示一个或多个空白字符。这样，我们就可以直接得到我们想要的结果，而不需要过滤空字符串。此外， s 模式匹配新行和制表符，使得结果比直接匹配空格字符更加稳健。正如你所看到的，借助 split JavaScript-String-Methoden noch einfacher!

Beispiele aus der Praxis

In diesem Abschnitt sehen wir ein praktisches Beispiel, um die Verwendung der getWordCount-Funktion zu demonstrieren, die wir in den vorherigen Abschnitten erstellt haben.

Sehen wir uns das folgende Beispiel an, das einen Wortzähler in Echtzeit anzeigt, während der Benutzer in einen Textbereich tippt.

Wie Sie sehen können, wird beim Eingeben des Textfelds durch den Benutzer ein Live-Zähler angezeigt! Sie können dieses Beispiel verwenden und erweitern, um dem Benutzer eine Nachricht anzuzeigen, wenn Sie den Eingabetext einschränken möchten.

Fazit

Heute haben wir anhand einiger Beispiele besprochen, wie man Wörter in JavaScript zählt.

Das obige ist der detaillierte Inhalt vonJavaScript-Wortzählung: Eine Schritt-für-Schritt-Anleitung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!