JavaScript Manipulation de Chaîne de caractères la  méthode substring() 

.....

Définition et utilisation la  méthode substring() 

JavaScript cours tutorial

La méthode substring() extrait les caractères d'une chaîne, entre deux indices spécifiés et retourne la nouvelle chaîne.

Cette méthode extrait les caractères dans une chaîne entre « debut » et « fin », sans compter « fin » lui-même.

Si « deebut » est supérieure à  « fin », cette méthode va échanger le sens des deux arguments, str.substring(1,4) == str.substring(4,1).

Si « debut » ou « fin » est inférieur à 0, elle est traitée comme s’il était 0.

Remarque : La méthode substring() ne change pas la chaîne d'origine.

Exemple Extraire des caractères d'une chaîne :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple fonction substring </title>
   
  </head>
  <p id="dmo">Cliquer le bouton Voir pour extraire les caractère</p>
   
  <button onclick="myFunction()"> Voir </button>
   
  <script>
  function myFunction()
  {
  var chaine = "Bonjour le monde!";
  var resultat = chaine.substring(1,5);
  document.getElementById("dmo").innerHTML=resultat;
  }
  </script>
  </body>
  </html>

 

Résultat du code ci-dessus sera :

Onjo

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

La méthode substring() est prise en charge dans tous les principaux navigateurs.

Syntaxe

string.substring(debut,fin)

Valeurs de paramètre

Paramètre Description
debut Obligatoire. La position où commencer l'extraction. Premier caractère est à l'index 0
fin Optionnel. La position (vers le haut, mais pas comprenant) où mettre fin à l'extraction. En cas d'omission, il extrait le reste de la chaîne

Valeur de retour

Type Description
String Une nouvelle chaîne contenant les caractères extraits

Détails techniques

Version JavaScript : 1.0

Autre Exemple

Exemple Commencer l'extraction à la position 8 et extraire le reste de la chaîne :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple fonction substring </title>
   
  </head>
  <p id="dmo">Cliquer le bouton Voir pour extraire les caractère</p>
   
  <button onclick="myFunction()"> Voir </button>
   
  <script>
  function myFunction()
  {
  var chaine = "Bonjour le monde!";
  var resultat = chaine.substring(8);
  document.getElementById("dmo").innerHTML=resultat;
  }
  </script>
  </body>
  </html>

 

Exemple Si « debut » est supérieure à  « fin », il va échanger les deux arguments :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple fonction substring </title>
   
  </head>
  <p id="dmo">Cliquer le bouton Voir pour extraire les caractère</p>
   
  <button onclick="myFunction()"> Voir </button>
   
  <script>
  function myFunction()
  {
  var chaine = "Bonjour le monde!";
  var resultat = chaine.substring(4,1);
  document.getElementById("dmo").innerHTML=resultat;
  }
  </script>
  </body>
  </html>

 

Exemple Si « debut » est inférieur à 0, il va commencer l'extraction de la position d'index 0 :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple fonction substring </title>
   
  </head>
  <p id="dmo">Cliquer le bouton Voir pour extraire les caractère</p>
   
  <button onclick="myFunction()"> Voir </button>
   
  <script>
  function myFunction()
  {
  var chaine = "Bonjour le monde!";
  var resultat = chaine.substring(-3,7);
  document.getElementById("dmo").innerHTML=resultat;
  }
  </script>
  </body>
  </html>

 

Exemple Extraire uniquement le premier caractère :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple fonction substring </title>
   
  </head>
  <p id="dmo">Cliquer le bouton Voir pour extraire les caractère</p>
   
  <button onclick="myFunction()"> Voir </button>
   
  <script>
  function myFunction()
  {
  var chaine = "Bonjour le monde!";
  var resultat = chaine.substring(0,1);
  document.getElementById("dmo").innerHTML=resultat;
  }
  </script>
  </body>
  </html>

 

Exemple Extraire uniquement le dernier caractère :

Sélectionner le code

  <!doctype html>
  <html lang="fr">
  <head>
           <meta charset="UTF-8">
           <title> Exemple fonction substring </title>
   
  </head>
  <p id="dmo">Cliquer le bouton Voir pour extraire les caractère</p>
   
  <button onclick="myFunction()"> Voir </button>
   
  <script>
  function myFunction()
  {
  var chaine = "Bonjour le monde!";
  var resultat = chaine.substring(16,17);
  document.getElementById("dmo").innerHTML=resultat;
  }
  </script>
  </body>
  </html>

 
Par carabde 30 mars 2014