oujood.com

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

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

chercher |

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 :

Exemple :       Copier 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 :

Exemple :       Copier 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 :

Exemple :       Copier 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 :

Exemple :       Copier 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 :

Exemple :       Copier 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 :

Exemple :       Copier 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



Voir aussi nos tutoriel :

letter-spacing

Augmente ou diminue l'espace entre les caractères dans un texte

width

Définit la largeur d'un élément

fonction substr_compare, substr_compare

Compare deux chaînes depuis un offset jusqu' une longueur en caractères