String - Cours Javascript

Les variables de type String

Intro

Dans ce cours de javascript, nous allons étudier les variables javascript de type String.

Longeur d'une chaine

length

Il est possible de connaître la longueur (ou nombre de caractères) d'une variable javascript de type String en utilisant la propriété length.
Exemple de code :
var dmc = "propriété length";
alert(dmc);
//18

Convertir en Number 1

Définition

Il est possible de convertir les variables javascript de type String en type Number grâce à Number(nom_de_la_variable).
Si la variable est de valeur "1" ou "235" alors elle sera convertie en nombre.
Si la variable est de type "1 nil" alors elle renverra NaN (not a Number).

Exemple :
Exemple de code :
var m="1";
var m1="1 kg";
var m2="1,5";
var m3="1.5";
alert("m : "+Number(m)+"n m1 : "+Number(m1)+"n m2 : "+Number(m2)+"nm3 : "+Number(m3));

Convertir en Number 2

Convertir en Number

Il est possible de retourner un nombre dans une variable String à condition que le nombre soit en début de chaîne.
Pour cela vous devez utiliser la méthode "globale" javascript parseInt(nom_de_la_variable) qui renvoie un entier ou utiliser la méthode "globale" javascript parseFloat(nom_de_la_variable) qui renvoie un nombre à virgule.

La méthode javascript parseInt(nom_de_la_variable) renvoie comme valeur :
- un nombre entier, il y bien un nombre.
- NaN, il n'y a pas de nombre.

La méthode javascript parseFloat(nom_de_la_variable) renvoie comme valeur :
- un nombre entier ou à virgule, il y bien un nombre.
- NaN, valeur de type String, il n'y a pas de nombre.

Exemple :
Exemple de code :
var m="nombre 2";
var m1="4.0 (compatible; MSIE 5.0; Windows 98; DigExt; KITV4 Wanadoo) ";
var m2="1,5 kg";
var m3="4.7 [fr] (Win98; I) ";

alert("m : "+parseInt(m)+"|n m1 : "+parseInt(m1)+"|n m2 : "+parseInt(m2)+"|n m3 : "+parseInt(m3));

alert("m : "+parseFloat(m)+"|n m1 : "+parseFloat(m1)+"|n m2 : "+parseFloat(m2)+"|n m3 : "+parseFloat(m3));

Minuscule / Majuscule

Minuscule / Majuscule

Il est possible de mettre une variable javascript String tout en minuscule ou majuscule et utilisant la méthode javascript toLowerCase() pour les minuscules et toUpperCase() pour les majuscules de l'objet String.

Exemple :
Exemple de code :
var dmc="AbCddEE";
alert(dmc.toLowerCase());

var dmc="AbCddEE";
alert(dmc.toUpperCase());

Sélectionner un bout de variable

Sélectionner un bout de variable

Il est possible de retourner un morceau de la valeur de la variable en utilisant la méthode javascript substring(n,u) de l'objet String.

La méthode javascript substring(debut, fin) accepte comme arguments :
- debut, la position du caractère de départ non inclus, le premier caractère est à la position 0
- fin, la position du caractère de fin inclus, le dernier caractère est à la position mavariable.length.
La méthode javascript substring() renvoie comme valeur :
- chaine de caractère de type String, ou vide si il n'y a pas de caractère.

Exemple :
Je veux du deuxième au quatrième caractère.
Exemple de code :
var dmc = "Dmmmc";
alert("dmc : " + dmc.substring(1,4));

Sélectionner un caractère

Sélectionner un caractère

Il est possible de retourner un caractère en utilisant la méthode javascript charAt(n) de l'objet String.

La méthode javascript charAt(n) accepte comme arguments :
- n est la position du caractère. Le premier caractère est à la position 0
La méthode charAt() renvoie comme valeur :
- valeur de type String, vide si il n'y a pas de caractère.

Exemple :
Je veux le deuxième caractère.
Exemple de code :
var dmc="dmc";
alert("dmc : "+dmc.charAt(1));

Existe ?

indexOf()

Il est possible de tester si une chaîne de caractères existe dans la valeur de la variable javascript en utilisant la méthode javascript indexOf(valeur,position) de l'objet String.

La méthode javascript indexOf(valeur) accepte comme argument :
- valeur, argument de type String qui correspond à la chaîne à trouver.
- position, argument optionnel de type Number, qui spécifie à quel endroit va commencer va débuter la recherche.

La méthode indexOf() renvoie comme valeur :
- le numéro de la première occurrence trouvée. Attention, le premier caractère est à la position 0.
- -1 dans le cas inverse.

Exemple :
Exemple de code :
var dmc = "Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt; KITV4 Wanadoo) ";
if(dmc.indexOf("Windows 98")!=-1){
  alert("existe");
}else{
  alert("n'existe pas");
}
//existe
if(dmc.indexOf("Windows 98",36)!=-1){
  alert("existe");
}else{
  alert("n'existe pas");
}
//n'existe pas

lastIndexOf()

A la différence de la méthode javascript indexOf(valeur,position) de l'objet String, la méthode javascript lastIndexOf() chercher à partir de la fin de la chaîne.

La méthode javascript lastIndexOf(valeur,position) accepte comme argument :
- valeur, argument de type String qui correspond à la chaîne à trouver.
- position, argument optionnel de type Number, qui spécifie à quel endroit va commencer va débuter la recherche (par rapport à la fin).

La méthode lastIndexOf() renvoie comme valeur :
- le numéro de la première occurrence trouvée. Attention, le premier caractère est à la position 0.
- -1 dans le cas inverse.

Exemple :
Exemple de code :
var dmc = "Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt; KITV4 Wanadoo) ";
if(dmc.lastIndexOf("Windows 98")!=-1){
  alert("existe");
}else{
  alert("n'existe pas");
}
//existe
if(dmc.lastIndexOf("Windows 98",24)!=-1){
  alert("existe");
}else{
  alert("n'existe pas");
}
//n'existe pas

Expression régulière

Vous pouvez aussi utiliser les expressions régulières.
Voir cours javascript sur les expressions régulières