Wie Sie eine Zeichenfolge in JavaScript zerbrechen

JavaScript hat eine Vielzahl von Zeichenfolgen bezogenen Funktionen, die verwendet werden können, um Textobjekte zu manipulieren. Einer der häufigsten Gründe für das brechen auseinander Zeichenfolgen ist beim-Werte in Listen. Die JavaScript-Sprache bietet eine integrierte Funktion, die "Split"-Funktion, die bricht eine Zeichenfolge in eine beliebige Anzahl von Werten basierend auf ein bestimmtes Zeichen oder "Trennzeichen". Einmal in Teile geteilt, wird jeder Wert in einem Array platziert, die mit JavaScript eingebaute Array-Funktionen bearbeitet werden können.

Anweisungen

1 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei namens "splitString.html". In den meisten Texteditoren werden neue Dateien erstellt, indem Sie im Menü "Datei" "Neu" auswählen.

2 "SplitString.html", die ein Head-Bereich und ein Textabschnitt enthalten fügen Sie einige grundlegende HTML-Tags hinzu. Diese Tags bilden zusammen eine sehr einfache HTML-Seite.

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

3 Einen "< Textarea >" HTML-Tag einfügen und ein "< / Textarea >" HTML-Tag zwischen SplitString.html "< Body >" und "< / body >" Markierungen. Weisen Sie dem "< Textarea >" Tag einen "Id" Wert "Zeichenfolge" und fügen Sie den Text "ABC12345EFG" zwischen den "< Textarea >" und "< / Textarea >" Markierungen. Beachten Sie, dass der Text "ABCD12345EFG" nur als Beispiel verwendet wird; dieser Text kann nicht reservierten (gültig) Textes mit einem spezifischen Trennzeichen sein.

< Textarea Id = "Zeichenfolge" > ABCD12345EFG < / Textarea >

4 Einfügen ein "< Input >" HTML-Tags nach dem Schließen "< / Textarea >"-Tag und weisen Sie das "< input >" Tag ein Attribut "Type" "Abschicken". Weisen Sie ein "onclick()" Ereignis "< input >"-Tag, das eine Funktion namens "splitString()" aufruft.

< Eingang Typ = "submit"onclick="splitString()"; >

5 Erstellen Sie die Funktion "SplitString", indem man zwei JavaScript-Trennzeichen ("< Script >" und "< / script >") zwischen SplitString.html "< Head >" und "< / head >" Markierungen. Weisen Sie einen Wert "Type" "Text/Javascript" "< Script >"-Tag.

< Skript-Typ = "Text/Javascript" >< / script >

6 Deklarieren Sie die Funktion "SplitString" zwischen den SplitString.html öffnen und schließen "< Script >" Tags. Platzieren Sie zwei geschweifte Klammern hinter der Funktionsdeklaration als Platzhalter für Code der Funktion.

Funktion splitString(){}

7 Legen Sie eine Methode "GetElementById" JavaScript innerhalb von geschweiften Klammern die SplitString-Funktion. Verwenden Sie die "GetElementById"-Methode zum Abrufen des Werts des Textbereichs "Zeichenfolge" (ABC12345EFG). Weisen Sie den Textwert einer Variablen namens "StringToSplit".

StringToSplit = Document.getElementById("string").value;

8 Verwenden Sie das JavaScript "split"-Funktion um zu brechen, die Variable "StringToSplit" auf "3" Charakter. Das Ergebnis der Funktion "split" in ein Array namens "SplitString" gespeichert. Das "SplitString"-Array enthält jetzt zwei Werte: "ABC12" und "45EFG".

SplitString = stringToSplit.split("3");

9 Verwenden Sie zwei JavaScript-"Alarm"-Funktionen, um zwei Alarm-Boxen erstellen. Die erste Warnmeldung warnt den ersten Arraywert (splitString[0]), der Browser und die zweite alert-Box warnt den zweiten Array-Wert (splitString[1]) an den Browser. Speichern und Schließen von splitString.html. Nach Schritt 9 wird splitString.html angezeigt, wie unten dargestellt:

< html >< Head >< Skript-Typ = "Text/Javascript" >Funktion splitString(){StringToSplit = Document.getElementById("string").value;SplitString = stringToSplit.split("3");Alert(splitString[0]);Alert(splitString[1]);}< / script >< / head >< Körper >< Textarea Id = "Zeichenfolge" > ABCD12345EFG < / Textarea >< Eingang Typ = "submit"onclick="splitString()"; >< / body >< / html >

10 Öffnen Sie splitString.html in einem JavaScript-fähigen Webbrowser. Klicken Sie auf "Abschicken" und überprüfen Sie, ob die zerlegt eine Zeichenkette in zwei Teilen an den Web-Browser gewarnt wird.

Tipps & Warnungen

• Wenn mit mehr als einem einzigen Trennwert auseinander zu brechen Streicher, kann eine JavaScript "for" Schleife verwendet werden, um die Werte abzurufen.
• JavaScript-Zeichenfolgen sind Objekte, die mit einer Vielzahl von Methoden des Objekts zu kommen, die zum Bearbeiten von Zeichenfolgen, einschließlich der Funktionen, die Zeichen abrufen, Ersetzen von Teilstrings und Verknüpfen von Zeichenfolgen verwendet werden kann.
• "Slice()" JavaScript-Funktion kann verwendet werden, um eine Zeichenfolge auseinander zu brechen und eine neue Zeichenfolge zurück.
• Das mit der Funktion "split()" verwendete Trennzeichen ist nicht in den Ergebnissen enthalten. In der Regel wird dieses Ergebnis erwartet.
• JavaScript "Alarm" Boxen funktionieren möglicherweise nicht wie erwartet, wenn sie die Einstellungen des Browsers nicht zulassen.