Maison > interface Web > js tutoriel > le corps du texte

Comment remplacer toutes les instances d'une chaîne spécifique en JavaScript ?

Patricia Arquette
Libérer: 2024-10-24 14:30:02
original
846 Les gens l'ont consulté

How to Replace All Instances of a Specific String in JavaScript?

Comment remplacer toutes les occurrences d'une chaîne en JavaScript

Problème :

Lors de l'utilisation du remplacement intégré de JavaScript ( ) pour remplacer une sous-chaîne, seule la première occurrence est remplacée, comme le montre cet exemple :

<code class="javascript">var string = "Test abc test test abc test test test abc test test abc";
string = string.replace('abc', ''); // Only replaces the first 'abc' occurrence</code>
Copier après la connexion

Comment remplacer toutes les occurrences d'une sous-chaîne en JavaScript ?

Solution :

Utilisation de String.replaceAll()

Navigateurs modernes :

Les navigateurs modernes prennent en charge la méthode String.replaceAll(), qui remplace toutes les occurrences d'une sous-chaîne par un remplacement spécifié :

<code class="javascript">string = string.replaceAll('abc', ''); // Replaces all 'abc' occurrences</code>
Copier après la connexion

Pour les navigateurs plus anciens/anciens

Fonction personnalisée :

Pour les anciens ou anciens navigateurs navigateurs qui ne prennent pas en charge String.replaceAll(), nous pouvons utiliser une fonction personnalisée :

<code class="javascript">function replaceAll(str, find, replace) {
  return str.replace(new RegExp(escapeRegExp(find), 'g'), replace);
}

function escapeRegExp(str) {
  return str.replace(/[.*+?^${}()|[\]\]/g, '\$&');
}</code>
Copier après la connexion

Utilisation :

<code class="javascript">console.log(replaceAll(string, 'abc', '')); // Replaces all 'abc' occurrences</code>
Copier après la connexion

Remarque :

  • La fonction escapeRegExp() échappe les caractères spéciaux dans la chaîne de recherche pour garantir une correspondance précise.
  • L'indicateur g dans l'expression régulière garantit que toutes les occurrences sont remplacées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal