Zeichenfolgenzeichen in JavaScript ändern

Muhammad Muzammil Hussain 12 Oktober 2023
  1. Zeichenkette ändern mit substring() in JavaScript
  2. Zeichenkette ändern mit split() und join() in JavaScript
Zeichenfolgenzeichen in JavaScript ändern

Es gibt keine eingebaute oder Standardmethode in JavaScript, um das Zeichen in einem String direkt zu ändern, aber wir können dies mit Hilfe anderer String-Methoden wie substring(), split() und join().

In diesem Artikel erstellen wir benutzerdefinierte Funktionen zum Ersetzen oder Ändern des Zeichens aus den Zeichenfolgen an jeder gewünschten Position mithilfe von Standardzeichenfolgenmethoden mit verschiedenen Beispielen.

Zeichenkette ändern mit substring() in JavaScript

Die Methode substring() ist eine vordefinierte Methode in JavaScript und wir verwenden sie auf Strings, um die definierten Zeichen eines Strings mit Hilfe von Indizes zu extrahieren. Es durchsucht die definierten Indizes aus der vollständigen deklarierten Zeichenfolge und extrahiert den Teil von Anfang bis Ende.

Der ursprüngliche String wird durch die Methode substring() nicht verändert. Es gibt den neuen String zurück.

Syntax:

let string = 'Hello world!';
let result = string.substring(1, 5);  // result will be "ello"

Nun initialisieren wir mit der Methode substring() den String, an dem wir das gewünschte Zeichen an einer bestimmten Stelle ändern wollen. Wir müssen das gewünschte Zeichen und den Index angeben, den wir ändern möchten.

<script>

let string = "Delft stack is the b_st website to learn programming" // here we want to change "_" with "e"

function changeChar() {
    let result = setCharOnIndex(string,20,'e');
    console.log("Original string : "+string)
    console.log("Updated string : "+result)
}

function setCharOnIndex(string,index,char) {
    if(index > string.length-1) return string;
    return string.substring(0,index) + char + string.substring(index+1);
}

changeChar()

</script>

Ausgang:

"Original string : Delft stack is the b_st website to learn programming"

"Updated string : Delft stack is the best website to learn programming"

Beispielcode-Erklärung:

  1. Wir haben einen String initialisiert, der einen Rechtschreibfehler im obigen JavaScript-Quellcode enthält.
  2. Wir haben eine benutzerdefinierte Funktion setCharOnIndex() deklariert, die eine Zeichenfolge, einen Index und ein Zeichen als Argument akzeptiert.
  3. Auf dem bereitgestellten Index wird die übergebene Zeichenfolge mit der Standardmethode substring() in zwei Teile aufgeteilt.
  4. Dann haben wir das übergebene Zeichen dazwischen verkettet und den String abgeschlossen.
  5. Wir haben die aktualisierten Zeichenfolgen angezeigt, um das Ergebnis zu sehen und die Funktionsweise der Methoden zu unterscheiden.
  6. Wir haben die Funktion changeChar() deklariert, in der wir unsere Funktion setCharOnIndex() aufgerufen haben.
  7. Sie können die Ausgabe im Konsolenprotokollfeld sehen.

Zeichenkette ändern mit split() und join() in JavaScript

In JavaScript ist split() eine vordefinierte Methode, die einen deklarierten String in ein Substring-Array aufteilt. Der Original-String wird durch die split()-Methode nicht verändert; es gibt ein neues Array von Zeichenketten zurück.

Die Methode join() gibt einen String aus einem Array zurück. Das ursprüngliche Array wird nicht geändert.

Wir können die split()-Methode zusammen mit join() auf Strings verwenden, um das Zeichen an jeder Position zu ändern. Wir werden Strings mit Rechtschreibfehlern initialisieren und die Methoden split() und join() testen, um Zeichen an beliebigen Indexen oder Positionen zu ändern.

Beispielcode:

<script>

let string = "Delft stack is the b_st website to learn programming"; // here we want to change "_" with "e"
let array = string.split(''); // converting into an array
array[20] = "e"; // added "e" in the place of "_"
let result = array.join(''); // created string again
    console.log("Original string : "+string)
    console.log("Updated string : "+result)

</script>

Ausgang:

"Original string : Delft stack is the b_st website to learn programming"

"Updated string : Delft stack is the best website to learn programming"

Beispielcode-Erklärung:

  1. Wieder haben wir einen String initialisiert, der einen Rechtschreibfehler im obigen JavaScript-Quellcode enthält.
  2. Wir haben die String-Methode split() verwendet, um den String in ein Substring-Array aufzuteilen.
  3. Wir haben das Zeichen e auf Index 20 zugewiesen, um es mit _ zu ändern.
  4. Wir haben dann die Methode join() verwendet, um den String erneut aus dem endgültigen Array zu generieren, das geändert wird.
  5. Schließlich haben wir die aktualisierten Zeichenfolgen angezeigt, um das Ergebnis zu sehen und die Funktionsweise der Methoden zu unterscheiden.
  6. Sehen Sie sich die Ausgabe im Konsolenprotokollfeld an.

Verwandter Artikel - JavaScript String