String.prototype.substring() - JavaScript | MDN

Basculer la barre latérale

Thème

Automatique
Clair
Sombre

Français

Se souvenir de la langue En savoir plus

String.prototype.substring()

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La méthode substring() retourne une sous-chaîne de la chaîne courante, entre un indice de début et un indice de fin.

Dans cet article

Exemple interactif

const str = "Mozilla";

console.log(str.substring(1, 3));
// Expected output: "oz"

console.log(str.substring(2));
// Expected output: "zilla"

Syntaxe

str.substring(indiceA[, indiceB])

Paramètres

indiceA

Un entier compris entre 0 et la longueur de la chaîne.

indiceB

Paramètre optionnel : un entier compris entre 0 et la longueur de la chaine.

Valeur de retour

Une nouvelle chaîne de caractères qui correspond à la section souhaitée de la chaîne appelante.

Description

substring extrait des caractères de la chaîne courante à partir de indiceA jusqu'à indiceB (non compris). On a notamment :

Si indiceA est égal à indiceB, substring retournera une chaîne vide.
Si indiceB est omis, substring effectuera l'extraction des caractères jusqu'à la fin de la chaîne.
Si l'un des deux arguments est négatif ou vaut NaN, il sera traité comme 0.
Si l'un des deux arguments est plus grand que str.length, il sera traité comme str.length.

Si indiceA est supérieur à indiceB, la fonction substring() intervertira ces deux valeurs afin de les traiter comme si elles avaient été passées dans le bon ordre. Par exemple : str.substring(1, 0) == str.substring(0, 1).

Exemples

Utiliser substring()

Les exemples suivants utilisent la méthode substring() pour extraire et afficher des caractères à partir de la chaine "Mozilla" :

js
var uneChaîne = "Mozilla";

// Affiche "Moz"
console.log(uneChaîne.substring(0, 3));
console.log(uneChaîne.substring(3, 0));

// Affiche "lla"
console.log(uneChaîne.substring(4, 7));
console.log(uneChaîne.substring(4));
console.log(uneChaîne.substring(7, 4));

// Affiche "Mozill"
console.log(uneChaîne.substring(0, 6));

// Affiche "Mozilla"
console.log(uneChaîne.substring(0, 7));
console.log(uneChaîne.substring(0, 10));

Remplacer une sous-chaîne dans une chaîne

L'exemple suivant remplace une partie d'une chaine. Elle remplace à la fois les caractères individuels et les sous-chaines. La fonction appelée à la fin de cet exemple transforme la chaine "Brave New World" en "Brave New Web".

js
function replaceString(oldS, newS, fullS) {
  // On remplace oldS avec newS dans fullS
  for (var i = 0; i < fullS.length; i++) {
    if (fullS.substring(i, i + oldS.length) == oldS) {
      fullS =
        fullS.substring(0, i) +
        newS +
        fullS.substring(i + oldS.length, fullS.length);
    }
  }
  return fullS;
}

replaceString("World", "Web", "Brave New World");

Attention : ceci peut résulter en une boucle infinie si oldS est elle-même une sous-chaine de newS — par exemple, si on essaie de remplacer "World" par "OtherWorld". Une meilleure solution serait de remplacer les chaines de cette manière :

js
function replaceString(oldS, newS, fullS) {
  return fullS.split(oldS).join(newS);
}

Le code ci-dessus sert d'exemple pour les opérations sur les sous-chaines. S'il est nécessaire de remplacer des sous-chaines, la plupart du temps il faudrait préférer l'utilisation de String.prototype.replace().

Différence entre substring() et substr()

Il existe une légère différence entre les méthodes substring() et substr(). Les deux ne doivent pas être confondues.

Les arguments de la méthode substring() représentent les indices de début et de fin sur la chaîne. Pour substr(), les arguments représentent l'indice de début et le nombre de caractères à utiliser pour la chaîne résultante.

js
var texte = "Mozilla";
console.log(texte.substring(2, 5)); // => "zil"
console.log(texte.substr(2, 3)); // => "zil"

Différences entre substring() et slice()

Les méthodes substring() et slice() sont très proches mais certaines différences les distinguent, notamment la façon de gérer les arguments négatifs.

La méthode substring() échangera les deux arguments si indiceA est supérieur à indiceB et renverra donc une chaîne de caractères. La méthode slice() n'échange pas les arguments et renvoie donc une chaîne vide si le premier est supérieur au second :

js
var text = "Mozilla";
console.log(text.substring(5, 2)); // => "zil"
console.log(text.slice(5, 2)); // => ""

Si l'un ou l'autre des arguments sont négatifs ou valent NaN, la méthode substring() les traitera comme s'ils valaient 0.

js
console.log(text.substring(-5, 2)); // => "Mo"
console.log(text.substring(-5, -2)); // => ""

slice() traite également NaN comme 0, mais parcourt la chaîne à partir de la fin lorsque des arguments négatifs sont utilisés.

js
console.log(text.slice(-5, 2)); // => ""
console.log(text.slice(-5, -2)); // => "zil"

Pour plus d'exemples sur l'utilisation d'arguments négatifs, voir la page slice().

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 17 févr. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu