Comment remplacer toutes les occurrences d’une chaîne de caractères en JavaScript?

La méthode replace() dans JavaScript recherche dans une chaîne de caractères une valeur spécifiée ou une expression régulière et renvoie une nouvelle chaîne dans laquelle les valeurs spécifiées sont remplacées. Pourtant, si une chaîne contient des mots répétés, la méthode replace() modifie uniquement la première occurrence d’une chaîne.
 
 

str = "red gray red yellow green";
repStr = str.replace('red', 'blue');
alert(repStr);

Lorsque vous exécutez le code, le script ci-dessus renvoie « blue gray red yellow green ». Ici, vous pouvez voir, la première occurrence « red » est remplacé par « blue » et la second est toujours la même. Alors, comment pouvez-vous changer toutes les occurrences d’une chaîne en JavaScript?

Remplacer toutes les occurrences à l’aide de Split() et join()

Vous pouvez remplacer toutes les occurrences d’une chaîne en utilisant les fonctions Split() et join().

str = "red gray red yellow green";
newStr =  str.split("red").join("blue");;
alert(newStr);

Sortie :

blue gray blue yellow green

 

Remplacer toutes les occurrences en utilisant une expression régulière

Vous pouvez remplacer toutes les occurrences d’une chaîne en utilisant des expressions régulières.

str = "red gray red yellow green";
newStr =  replaceAll(str,'red','blue');
alert(newStr);
function replaceAll(str, find, replace) {
    return str.replace(new RegExp(find, 'g'), replace);
}

Sortie :

blue gray blue yellow green