JavaScript-String-replace()-Methode

In JavaScript ist die replace()-Methode wird zum Bearbeiten von Zeichenfolgen verwendet. Sie können damit nach einem bestimmten Teil einer Zeichenfolge suchen, der als a bezeichnet wird Teilzeichenfolge , und ersetzen Sie es dann durch ein anderes Teilzeichenfolge . Das Tolle ist, dass diese Methode ändert die ursprüngliche Zeichenfolge nicht Dies macht es ideal für Aufgaben, bei denen Sie die Integrität der Originaldaten wahren möchten. Verstehen, wie man es benutzt ersetzen() kann Ihre Fähigkeit verbessern, effektiv mit Zeichenfolgen in JavaScript zu arbeiten.

Syntax:

str.replace(value1, value2); 
  • Wert1: ist der reguläre Ausdruck, der ersetzt werden soll
  • Wert2: ist eine Zeichenfolge, die den Inhalt der angegebenen Zeichenfolge ersetzt.

Rückgabewerte:

Es gibt eine neue Zeichenfolge mit ersetzten Elementen zurück.

Beispiel für die Methode „String replace()“:

Unten finden Sie ein Beispiel für die Methode string.replace().

Javascript
let string = 'GeeksForGeeks'; let newstring = string.replace('GeeksForGeeks', 'GfG'); console.log(newstring); 

Ausgabe
GfG 

Erläuterung:

  • Ein Faden string> wird der Wert zugewiesen 'GeeksForGeeks'> .
  • Der replace()> Methode aufgerufen wird string> , sucht nach der Teilzeichenfolge 'GeeksForGeeks'> und es durch ersetzen 'GfG'> .
  • Da die gesamte Zeichenfolge 'GeeksForGeeks'> stimmt überein, es wird durch ersetzt 'GfG'> .
  • Die neue Zeichenfolge 'GfG'> wird der Variablen zugewiesen newstring> .
  • newstring> wird an der Konsole protokolliert.

Beispiel für die Methode „String replace()“:

Hier wird der Inhalt der Zeichenfolge GeeksForGeeks durch gfg ersetzt.

Javascript
 // Assigning a string  let string = 'GeeksForGeeks is a CS portal';    // Calling replace() method  let newstring = string.replace(/GeeksForGeeks/, 'gfg');    // Printing replaced string  console.log(newstring); 

Ausgabe
gfg is a CS portal 

Erläuterung:

  • Ein Faden string> wird der Wert zugewiesen 'GeeksForGeeks is a CS portal'> .
  • Der replace()> Methode aufgerufen wird string> , wobei ein regulärer Ausdruck verwendet wird, um die Teilzeichenfolge abzugleichen 'GeeksForGeeks'> und ersetzen Sie es durch 'gfg'> .
  • Das erste Vorkommen von 'GeeksForGeeks'> in der Zeichenfolge wird durch ersetzt 'gfg'> .
  • Der geänderte String wird der Variablen zugewiesen newstring> .
  • Die ersetzte Zeichenfolge newstring> wird an der Konsole protokolliert.

Beispiel für die Methode „String replace()“:

Unten finden Sie ein Beispiel für die Methode string.replace().

Javascript
// Taking a regular expression let re = /GeeksForGeeks/; // Taking a string as input let string = 'GeeksForGeeks is a CS portal'; // Calling replace() method to replace // GeeksForGeeks from string with gfg let newstring = string.replace(re, 'gfg'); // Printing new string with replaced items console.log(newstring); 

Ausgabe
gfg is a CS portal 

Erläuterung:

  • Ein regulärer Ausdruck re> ist so definiert, dass sie mit der Teilzeichenfolge übereinstimmt 'GeeksForGeeks'> .
  • Ein Faden string> wird der Wert zugewiesen 'GeeksForGeeks is a CS portal'> .
  • Der replace()> Methode aufgerufen wird string> , unter Verwendung des regulären Ausdrucks re> um mit der Teilzeichenfolge übereinzustimmen 'GeeksForGeeks'> und ersetzen Sie es durch 'gfg'> .
  • Das erste Vorkommen von 'GeeksForGeeks'> in der Zeichenfolge wird durch ersetzt 'gfg'> .
  • Der geänderte String wird der Variablen zugewiesen newstring> .
  • Die ersetzte Zeichenfolge newstring> wird an der Konsole protokolliert.

Wir können dieselben Wörter auch an mehreren Stellen in einer Zeichenfolge ersetzen. Es ist als globaler Ersatz bekannt.

Beispiel für die Methode „String replace()“:

In diesem Beispiel wird das Ersetzen verschiedener ähnlicher Wörter in einer Zeichenfolge erläutert.

Javascript
// Assigning a string let string = 'GeeksForGeeks is a CS portal.' +  'In GeeksForGeeks we can learn multiple languages.' +  'geeksForGeeks is a great place.'; // Calling replace() method let newstring = string.replace(/GeeksForGeeks/g, 'Gfg'); // Printing replaced string console.log(newstring); 

Ausgabe
Gfg is a CS portal.In Gfg we can learn multiple languages.geeksForGeeks is a great place. 

Erläuterung:

  • Eine mehrzeilige Zeichenfolge string> wird mit mehreren Vorkommen der Teilzeichenfolge zugewiesen 'GeeksForGeeks'> .
  • Der replace()> Methode aufgerufen wird string> , unter Verwendung eines regulären Ausdrucks mit dem globalen Flag ( /g> ), um alle Vorkommen der Teilzeichenfolge abzugleichen 'GeeksForGeeks'> Groß- und Kleinschreibung beachten und durch ersetzen 'Gfg'> .
  • Alle Vorkommen von 'GeeksForGeeks'> in der Zeichenfolge werden durch ersetzt 'Gfg'> .
  • Der geänderte String wird der Variablen zugewiesen newstring> .
  • Die ersetzte Zeichenfolge newstring> wird an der Konsole protokolliert.

JavaScript-String-replace()-Methode – Anwendungsfall:

1. JavaScript-String-replaceAll()-Methode

Das Javascript alles ersetzen() Die Methode gibt eine neue Zeichenfolge zurück, nachdem alle Übereinstimmungen einer Zeichenfolge durch eine angegebene Zeichenfolge oder einen regulären Ausdruck ersetzt wurden. Die ursprüngliche Zeichenfolge bleibt nach diesem Vorgang unverändert.

2. Wie ersetze ich alle Vorkommen einer Zeichenfolge in JavaScript?

Um alle Vorkommen einer Zeichenfolge in JavaScript zu ersetzen, können Sie die Methode replace() mit einem regulären Ausdruck und dem Flag g verwenden.

Wir haben eine vollständige Liste der Javascript-String-Methoden. Um diese zu überprüfen, gehen Sie bitte hier durch Vollständige Javascript-String-Referenz Artikel.

Unterstützte Browser:

  • Google Chrome 1 und höher
  • Kante 12 und höher
  • Firefox 1 und höher
  • Internet Explorer 5.5 und höher
  • Opera 4 und höher
  • Safari 1 und höher