Calcule la taille d'une chaîne
Définition et utilisation la méthode substring()
JavaScript cours tutorialLa 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
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