JavaScript-Programm zum Ersetzen aller Vorkommen eines Strings

In diesem Beispiel lernen Sie, ein JavaScript-Programm zu schreiben, das alle Vorkommen einer Zeichenfolge ersetzt.

Um dieses Beispiel zu verstehen, sollten Sie die folgenden JavaScript-Programmierthemen kennen:

  • JavaScript-Zeichenfolge
  • JavaScript Regex

Beispiel 1: Ersetzen Sie alle Vorkommen von Zeichenfolgen mithilfe von RegEx

 // program to replace all occurrence of a string const string = 'Mr Red has a red house and a red car'; // regex expression const regex = /red/gi; // replace the characters const newText = string.replace(regex, 'blue'); // display the result console.log(newText);

Ausgabe

 Mr Blue hat ein blaues Haus und ein blaues Auto

Im obigen Programm wird ein Regex-Ausdruck als erster Parameter innerhalb der replace()Methode verwendet.

/gbezieht sich auf global (das Ersetzen erfolgt über die gesamte Zeichenfolge) und /ibezieht sich auf die Groß- und Kleinschreibung.

Die replace()Methode verwendet die Zeichenfolge, die Sie ersetzen möchten, als ersten Parameter und die Zeichenfolge, durch die Sie ersetzen möchten, als zweiten Parameter.

Beispiel 2: Ersetzen Sie alle Vorkommen von Zeichenfolgen mithilfe der integrierten Methode

 // program to replace all occurrence of a string const string = 'Mr red has a red house and a red car'; const result = string.split('red').join('blue'); console.log(result);

Ausgabe

 Mr Blue hat ein blaues Haus und ein blaues Auto

In dem obigen Programm, die sich im internen split()und join()Verfahren verwendet wird , um alle Vorkommen der Zeichenfolge zu ersetzen.

  • Die Zeichenfolge wird mithilfe der split()Methode in einzelne Array-Elemente aufgeteilt .
    Hier string.split('red')gibt ("Herr", "hat ein", "Haus und ein", "Auto") durch Aufteilen der Zeichenfolge.
  • Die Array-Elemente werden mithilfe der join()Methode zu einer einzelnen Zeichenfolge zusammengefügt .
    Hier reverseArray.join('blue')gibt Mr Blue ein blaues Haus und ein blaues Auto durch Zusammenfügen der Array-Elemente.

Interessante Beiträge...