Entfernen von Zahlen aus einem String mit Javascript

JavaScript ist eine clientseitige Skriptsprache, die normalerweise verwendet wird, um dynamische Webseiten zu erstellen. Ein JavaScripts Vorteil ist seine umfangreiche Bibliothek von integrierten Funktionen und Objekte, mit denen Web-Programmierer erstellen, bearbeiten und Speichern von Text als Zeichenfolgen. JavaScript-Programmierer können eine Zeichenfolge Eigenschaften, z. B. die Length-Eigenschaft verwenden; Verwenden Sie ein String-Methoden, wie Split und Stoß; und Zugriff auf HTML-Wrapper-Methoden, die Zeichenfolgen mit HTML-Tags geben. JavaScript hat auch Funktionen, die Programmierer zum Suchen von Zeichenfolgen, Ändern einer Zeichenfolge Groß-/Kleinschreibung und entfernen bestimmte Zeichen aus Zeichenfolgen zu ermöglichen.

Anweisungen

1 Öffnen Sie einen Texteditor, und erstellen Sie eine neue Datei namens "noNums.html." Die grundlegenden HTML-Tags der Datei hinzufügen:

< html >

< Leiter >< / Kopf >

< Körper >< / body >

< / html >

2 Hinzufügen ein "< Script >"-Tags zwischen der Datei "< Head >" und "< / head >" Markierungen, legen Sie die "< Script >"-Tag "Type"-Attribut auf "Text/Javascript" und schließen Sie das "< / script >" Tag.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

< / script >

< / head >

< Körper >< / body >

< / html >

3 Fügen Sie eine JavaScript-Funktion namens "NumbersOnly" zwischen der Datei "< Script >" und "< / script >" Markierungen. Die "NumbersOnly"-Funktion akzeptiert keine Argumente. Fügen Sie eine geöffnete geschweifte Klammer ("{") und eine enge geschweifte Klammer ("}") nach der Deklaration der Funktion, der Platz für den Funktionscode zu halten.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion numbersOnly()

{

}

< / script >

< / head >

< Körper >< / body >

< / html >

4 Rufen Sie den String-Wert eines Felds mit der ID "InputValue" mit der JavaScript-Funktion "GetElementById ab". Speichern Sie den String-Wert in eine Variable namens "InputStr".

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion numbersOnly()

{

InputStr = Document.getElementById('inputValue').value;

}

< / script >

< / head >

< Körper >< / body >

< / html >

5 Verwendung der JavaScript "ersetzen" Funktion, um alle Zahlen ("0-9") ersetzen in der Variablen "InputStr" mit einem Nullzeichen (' '). Speichern Sie die Ergebnisse der "ersetzen"-Funktion, eine Variable namens "UpperStr".

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion numbersOnly()

{

InputStr = Document.getElementById('inputValue').value;

UpperStr = inputStr.replace (/ [0-9] + / g,'');

}

< / script >

< / head >

< Körper >< / body >

< / html >

6 Schreiben Sie den Wert der Variablen "UpperStr" in das Eingabefeld "InputValue" mit der JavaScript-Funktion "GetElementById".

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion numbersOnly()

{

InputStr = Document.getElementById('inputValue').value;

UpperStr = inputStr.replace (/ [0-9] + / g,'');

Document.getElementById('inputValue').value = UpperStr;

}

< / script >

< / head >

< Körper >< / body >

< / html >

7 Fügen Sie ein "< Input >" HTML-Feld zwischen der Datei "< Body >" und "< / body >" Markierungen. Geben Sie im Eingabefeld die ID "InputValue" und dem Text "1234567abcdefg89hij". Die "< input >" HTML-Tag erfordert keinen engen "< / input >" Tag.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion numbersOnly()

{

InputStr = Document.getElementById('inputValue').value;

UpperStr = inputStr.replace (/ [0-9] + / g,'');

Document.getElementById('inputValue').value = UpperStr;

}

< / script >

< / head >

< Körper >

< Eingabe-Id = "InputValue" Value = "1234567abcdefg89hij" >< / body >

< / html >

8 Hinzufügen einer Schaltfläche "<" >"HTML-Tag zwischen"< Körper >"und"< / body >"Markierungen. Verwenden Sie ein Ereignis "onClick()", rufen Sie die Funktion "NumbersOnly" und ersetzen Sie den Wert im Eingabefeld "InputValue" auf einen Wert, der keine Zahlen enthält. Geben Sie der Schaltfläche des Textes "Klicken Sie auf Entfernen der Zahlen aus the String" und schließen Sie das "< / Taste >" Tag.

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

Funktion numbersOnly()

{

InputStr = Document.getElementById('inputValue').value;

UpperStr = inputStr.replace (/ [0-9] + / g,'');

Document.getElementById('inputValue').value = UpperStr;

}

< / script >

< / head >

< Körper >

< Eingabe-Id = "InputValue" Value = "1234567abcdefg89hij" >< / body >

< onclick='numbersOnly() Taste "> hier klicken, um die Zahlen aus der Zeichenfolge entfernen < / Taste >

< / html >

9 Öffnen Sie noNums.html in einem Webbrowser. Klicken Sie auf "Klicken Sie, um die Zahlen aus der Zeichenfolge entfernen" und überprüfen Sie, ob die Zeichenfolge in das Eingabefeld "InputValue" mit keine Nummern aktualisiert. Geben Sie eine andere Zeichenfolge in das Eingabefeld ein und klicken Sie auf.

Tipps & Warnungen

• Zeichenfolgen können "hinzugefügt werden" Hilfe des Verkettungsoperators JavaScript ("+") oder mithilfe der Zeichenfolge Concat()-Methode.
• Beim Deklarieren und manipulieren von JavaScript-Zeichenfolgen, verwenden Sie einfache (') oder doppelte (") Anführungszeichen um die Zeichenfolge Text anzugeben.
• String-Funktionen können mit der Punktnotation ausgeführt werden.
• Achten Sie darauf, dass Sie das Zeichen "\" verwenden, um einfachen und doppelten Anführungszeichen in eine Zeichenfolge Text verwendet zu entkommen.