String.prototype.replace()

regexp (modèle)

Un objet ou un littéral RegExp. La ou les correspondances sont remplacées par nouvSouschn ou par la valeur retournée par la fonction indiquée.

souschn (modèle)

Une String qui est à remplacer par nouvSouschn. Elle est traitée comme une chaîne de caractères verbatim et elle n'est pas interprétée comme une expression régulière. Seule la première occurrence sera remplacée.

nouvSouschn (remplacement)

La String qui remplace la chaîne de caractères indiquée par le paramètre regexp ou souschn. Un certain nombre de modèles de remplacement spéciaux sont supportés ; voir la section "Indiquer une chaîne de caractères comme paramètre" ci-dessous.

fonction (remplacement)

Une fonction à appeler pour créer la nouvelle sous-chaîne de caractères à utiliser pour remplacer la regexp ou la souschn donnée. Les arguments passés à cette fonction sont décrits dans la section "Indiquer une fonction comme paramètre" ci-dessous.

Une nouvelle chaîne de caractères avec tout ou partie des correspondances du modèle remplacées par un remplacement.

Cette méthode ne change pas l'objet String auquel elle est appliquée. Elle retourne simplement une nouvelle chaîne de caractères.

Pour réaliser une recherche et remplacement global(e), incluez le commutateur g dans l'expression régulière.

La chaîne de caractère de remplacement peut inclure les modèles de remplacement spéciaux suivants :

Vous pouvez indiquer une fonction comme second paramètre. Dans ce cas, cette fonction sera appelée après que la recherche a été effectuée. Le résultat de la fonction (valeur retournée) sera utilisé comme chaîne de remplacement. (Note : les modèles de remplacement spéciaux mentionnés ci-dessus ne s'appliquent pas dans ce cas). Notez que cette fonction sera appelée plusieurs fois, pour chaque correspondance complète à remplacer si l'expression régulière dans le premier paramètre est globale.

Les arguments de cette fonction sont les suivants :

(Le nombre exact d'arguments varie suivant que le premier paramètre est ou non un objet RegExp et, dans ce cas, du nombre de sous-correspondances entre parenthèses qu'il indique.)

L'exemple suivant affectera 'abc - 12345 - #$*%' à la variable nouvelleChaine :

function remplaceur(correspondance, p1, p2, p3, decalage, chaine) {
  // p1 est non numérique, p2 numérique, et p3 non-alphanumérique
  return [p1, p2, p3].join(" - ");
}
var nouvelleChaine = "abc12345#$*%".replace(
  /([^\d]*)(\d*)([^\w]*)/,
  remplaceur,
);
console.log(nouvelleChaine); // abc - 12345 - #$*%

Dans l'exemple suivant, l'expression régulière est définie dans replace() et inclut l'indicateur d'indifférence à la casse.

var chn = "Twas the night before Xmas...";
var nouvChn = chn.replace(/xmas/i, "Christmas");
console.log(nouvChn); // Twas the night before Christmas...

Cela affiche 'Twas the night before Christmas...'.

Le remplacement global ne peut être fait qu'avec une expression régulière. Dans l'exemple suivant, l'expression régulière inclut les indicateurs global et indifférence à la casse, qui permettent à replace() de remplacer chaque occurrence de 'pommes' dans la chaîne par 'oranges'.

var re = /pommes/gi;
var chn = "Les pommes sont rondes, et les pommes sont juteuses.";
var nouvChn = chn.replace(re, "oranges");
console.log(nouvChn); // Les oranges sont rondes, et les oranges sont juteuses.

Cela affiche 'Les oranges sont rondes, et les oranges sont juteuses.'.

Le script suivant intervertit les mots dans la chaîne de caractères. Pour le texte de remplacement, le script utilise les modèles de remplacement $1 et $2.

var re = /(\w+)\s(\w+)/;
var chn = "Jean Martin";
var nouvChn = chn.replace(re, "$2, $1");
console.log(nouvChn); // Martin, Jean

Cela affiche 'Martin, Jean'.

Dans cet exemple, toutes les occurrences des lettres majuscules sont converties en minuscules, et un tiret est inséré juste avant l'emplacement de la correspondance. La chose importante ici est que des opérations suppémentaires sont nécessaires sur l'élément en correspondance avant qu'il ne soit retourné comme remplacement.

La fonction de remplacement accepte le fragment en correspondance comme paramètre, et elle l'utilise pour transformer sa casse et y concaténer le tiret avant de le retourner.

function styleFormatTiret(nomPropriete) {
  function majusculesEnTiretMinuscules(correspondance, decalage, chaine) {
    return (decalage > 0 ? "-" : "") + correspondance.toLowerCase();
  }
  return nomPropriete.replace(/[A-Z]/g, majusculesEnTiretMinuscules);
}

Avec styleFormatTiret('borderTop'), cela renvoie 'border-top'.

Du fait que nous voulons transformer davantage le résultat de la correspondance avant la substitution finale, nous devons utiliser une fonction. Cela force l'évaluation de la correspondance avant la méthode toLowerCase(). Si nous avions essayé de le faire en utilisant la correspondance sans fonction, le toLowerCase() n'aurait eu aucun effet.

var nouvChn = nomPropriete.replace(/[A-Z]/g, "-" + "$&".toLowerCase()); // ne fonctionne pas

Ceci est dû au fait que '$&'.toLowerCase() serait d'abord évalué comme un littéral de chaîne (résultant en le même '$&') avant d'utiliser les caractères comme modèle.

L'exemple suivant remplace des degrés Fahrenheit par leur équivalent en degrés Celsius. Les degrés Fahrenheit doivent être un nombre se terminant par F. La fonction renvoie le nombre en Celsius se terminant par C. Par exemple, si le nombre de départ est 212F, la fonction renvoie 100C. Si le nombre de départ est 0F, la fonction retourne -17.77777777777778C.

L'expression régulière test vérifie tout nombre se terminant par F. Le nombre de degrés Fahrenheit est accessible à la fonction via son deuxième paramètre, p1. La fonction définit le nombre Celsius sur la base des degrés Fahrenheit transmis dans une chaîne à la fonction f2c(). f2c() renvoie ensuite le nombre Celsius. Cette fonction se rapproche de l'indicateur s///e de Perl.

function f2c(x) {
  function convertir(chn, p1, decalage, s) {
    return ((p1 - 32) * 5) / 9 + "C";
  }
  var s = String(x);
  var test = /(-?\d+(?:\.\d*)?)F\b/g;
  return s.replace(test, convertir);
}

L'exemple suivant accepte un modèle chaîne et le convertit en un tableau d'objets.

Entrée :

Une chaîne de caractères composée des caractères x, - et _

x-x_
x---x---x---x---

x-xxx-xx-x-
x_x_x___x___x___

**Sortie :**Un tableau d'objets. Un 'x' dénote un état 'marche', un '-' symbolise un état 'arret' et un '_' (blanc souligné) symbolise la longueur d'un état 'marche'.

[
  { marche: true, longueur: 1 },
  { marche: false, longueur: 1 },
  { marche: true, longueur: 2 }
  ...
]

Fragment :

var chn = "x-x_";
var tabRet = [];
chn.replace(/(x_*)|(-)/g, function (correspondance, $1, $2) {
  if ($1) tabRet.push({ marche: true, longueur: $1.length });
  if ($2) tabRet.push({ marche: false, longueur: 1 });
});

console.log(tabRet);

Ce fragment génère un tableau de 3 objets au format désiré sans utiliser de boucle for.

• String.prototype.match()
• RegExp.prototype.exec()
• RegExp.prototype.test()