So finden die Vokale in einer Zeichenfolge in JavaScript

Eine der mächtigsten Funktionen JavaScript ist seine Fähigkeit, bearbeiten, formatieren und suchen Zeichenfolgenwerte. Nicht nur JavaScript mit einer Vielzahl von integrierten Zeichenfolgenfunktionen wie match() und search() replace() ausgeliefert wird, ermöglicht es Entwicklern reguläre Ausdrücke nutzen. Reguläre Ausdrücke bieten eine präzise Vorgehensweise beim Abgleich von Zeichenfolgenausdrücken für verschiedene Zwecke. Reguläre Ausdrücke einige Zeit nehmen zu lernen, aber sie sind sehr mächtig und sind in der Regel automatisch in sowohl einfache als auch komplexe Programmiersprachen implementiert.

Anweisungen

1 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei namens "findVowels.html". Die typischen Schritte zum Erstellen einer neuen Datei in einem Texteditor ist "Neu" aus dem Menü "Datei" auswählen.

2 FindVowels.html, die eine sehr einfache Webseite erstellen, fügen Sie HTML-Tags hinzu. Umfassen die folgenden Tags: "< html >", "< Head >", "< / Head >", "< k├╢rper >", "< / body >" und "< / html >".

< html >< Leiter >< / Kopf >< Körper >< / body >< / html >

3 Fügen Sie ein HTML < Eingabe > Tag zu findVowels.html zwischen der Seite "< Body >" und "< / body >" Markierungen. Weisen Sie dem Eingabefeld "Typ" Attribut-Wert "Text" und ein "Id" Attribut-Wert "VowelString".

< Eingang Typ = "Text" Id = "VowelString" >

4 FindVowels.html eines zweiten < Eingabe > HTML-Tags hinzu, und legen Sie es nach dem Feld VowelString. Weisen Sie dieses Eingabefeld ein Attributwert "Typ" "Abschicken" und einen "Wert" Attribut "Vokale finden". Weisen Sie dem Eingabefeld, eine "OnClick" Ereignis und einer Aktion, die eine Funktion namens "findVowels()" aufruft.

< Eingang Typ = "submit" Value = "Vokale finden" onClick="findVowels();" >

5 Fügen Sie JavaScript "< Script >" Trennzeichen und eine Funktion namens "FindVowels" zu findVowels.html hinzu. Platzieren Sie die Funktion zwischen den "< Head >" und die "< / Head >" HTML-Tags und umfassen Sie zwei geschweifte Klammern nach dem Funktionsnamen ("{}"), um anzugeben, wo der Funktionscode platziert wird. Schließen Sie das JavaScript "< / script >" Tag.

< Skript-Typ = "Text/Javascript" >Funktion findVowels() {}< / script >

6 Deklarieren Sie eine Variable namens "StringToStrip" und setzen Sie die Variable auf den Wert von "VowelString" Eingabefeld Wert. Um den VowelString Eingabefeld Wert abzurufen, verwenden Sie die JavaScript-Methode "GetElementById". Ort der Variablendeklaration zwischen den geschweiften Klammern "FindVowels".

Var StringToStrip = Document.getElementById("vowelString").value;

7 Deklarieren Sie eine zweite Variable mit dem Namen "VowelOnlyString" und legen Sie den Wert den Variablen auf den Rückgabewert einer JavaScript-Funktion "ersetzen". Die Replace-Funktion verwendet einen regulären Ausdruck suchen die Zeichenfolge "StringToStrip" und ersetzen alle nicht-Vokal-Zeichen mit einem leeren Wert.

Var VowelOnlyString = stringToStrip.replace (/ [^ a, e, i, o, u, A, E, I, O, U] / g, '');

8 Verwenden Sie eine JavaScript-"Alarm"-Box, den Wert der Variablen "VowelOnlyString" angezeigt. Dieser Wert ist die Vokale, die im Eingabefeld "VowelString" eingegeben werden. Speichern und Schließen von findVowels.html. Nach Abschluss von Schritt 8, wird der JavaScript-Code angezeigt, wie unten dargestellt.

< html >< Head >< Skript-Typ = "Text/Javascript" >Funktion findVowels() {}Var StringToStrip = Document.getElementById("vowelString").value;Var VowelOnlyString = stringToStrip.replace (/ [^ a, e, i, o, u, A, E, I, O, U] / g, '');Alert(vowelOnlyString);}< / script >< / head >< Körper >< Eingang Typ = "Text" Id = "VowelString" >< Eingang Typ = "submit" Value = "Vokale finden" onClick="findVowels();" >< / body >< / html >

9 Öffnen Sie findVowels.html in einem Webbrowser. Geben Sie Text im Eingabefeld "VowelString", das Vokale enthält. Klicken Sie auf "Find Vokale" und überprüfen Sie, ob die Vokale in der Zeichenfolge-Warnung an die Webseite liegt.

Tipps & Warnungen

• JavaScript hat eine Vielzahl von String-Funktionen zur Verfügung, die zum Teilen, Spleißen und suchen von Zeichenfolgen verwendet werden kann.
• Reguläre Ausdrücke können dauern, um zu erfahren, aber sie sind extrem leistungsfähige und flexible.
• Es gibt viele Programme zur Verfügung, die zum Testen von regulärer Ausdrücken und übersetzen sie in leichter lesbare Formate verwendet werden können.
• Denken Sie daran, dass Vokale in anderen Sprachen als Englisch möglicherweise unterschiedliche und unterschiedlich verwendet.