Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > Tout sur le Javascript ! > Visite guidée des objets JS > L'objet "String" > Lecture du tutoriel

L'objet "String"

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Avatar
Auteur : JoSé2
Visualisations : 2 412


Plus d'informations Plus d'informations
Les chaînes de caractères, nommées String en anglais, sont elles-aussi des objets, qui sont de plus très souvent utilisés.
Découvrons sans plus tarder les nombreuses méthodes à utiliser, pour pouvoir en faire ce qu'on veut :) .

Nous les avons classé en trois parties.
Sommaire du chapitre :
Icône du chapitre
Chapitre précédent Sommaire Chapitre suivant

Sommaire

Opérations sur les caractères






Opérations sur les chaînes





Chaînes et expressions régulières



Ces fonctions sont détaillées dans le chapitre consacré aux expressions régulières.


Opérations sur les caractères

length, le retour




Description



Notre fameuse propriété length contient la longueur de la chaîne de caractère, autrement dit, le nombre de caractères dont cette chaîne est composée.


Exemple



Code : JavaScript
1
2
3
4
var chaine = "J'aime le JavaScript";
alert(chaine.length);
var longueur = "JavaScript".length;
alert(longueur);

Cet exemple affichera successivement 20 (nombre de caractères dans la phrase "J'aime le JavaScript", espaces compris) et 10 (il y a bien 10 lettres dans le mot "JavaScript").


charAt(i)




Description



La méthode charAt(i) renvoie le caractère qui se trouve à la position i de la chaîne.

Pour rappel, le premier caractère porte le numéro 0.
Le dernier a donc le numéro length-1 !



Exemple



Ceci affichera la lettre S :
Code : JavaScript
1
alert("JavaScript".charAt(4));


Voici une fonction qui sépare tous les caractères par un espace.
Pour cela, on parcourt la chaîne, et on recopie chaque caractère en ajoutant un espace.
Le test affichera : "V i v e - l e - J a v a S c r i p t ".
Code : JavaScript
1
2
3
4
5
6
7
8
function separer(chaine)
{
     var sortie = '';
     for(var i=0; i<chaine.length; i++) 
          sortie += chaine.charAt(i) + ' ';
     return sortie;
}
alert(separer('Vive-le-JavaScript'));



indexOf(str) et lastIndexOf(str)




Description



Ces deux méthodes sont assez utiles.


Si ces méthodes ne trouvent pas str, elles retournent -1.
On peut donc les utiliser pour savoir si une chaîne de caractère contient une autre chaîne.


On peut préciser, en deuxième argument, la position a partir de laquelle doit commencer la recherche.
Par défaut, il s'agit de 0 pour indexOf (le premier caractère), et de length-1 pour lastIndexOf (le dernier caractère, car la recherche se fait en partant de la fin).



Exemple



On recherche "script" dans "JavaScript".
Ceci affichera Non, en raison de la majuscule !
Code : JavaScript
1
2
3
4
5
var chaine = "JavaScript";
if(chaine.indexOf("script") == -1)
     alert("Non");
else
     alert("Oui");



Exemple : vérifier la vraisemblance d'une adresse e-mail



On s'occupe ici de la présence d'un @ et d'un point

On récupère, grâce à nos deux fonction, la position du premier @ et du dernier point.
La fonction doit renvoyer true quand le @ est après le premier caractère (le n°0), et quand le point est au moins deux caractères après le @.

L'adresse la plus courte qui est considérée comme correcte est donc : x@x.x

Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
function verifMail(email)
{
     var position_at = email.indexOf('@');
     var position_dot = email.lastIndexOf('.');
     return (position_at > 0 && position_dot >= position_at + 2);
}
 
if(verifMail("mon.adresse@bon.net"))
     alert("On dirait une adresse valide");
else
     alert("L'adresse e-mail n'existe pas");



toLowerCase() et toUpperClass()




Description



JavaScript met à disposition deux méthodes permettant dans changer la casse d'une chaîne de caractères :


Ces méthodes sont très utiles dans le traitement des chaînes de caractères.
Elle permettent par exemple de comparer des chaînes sans tenir compte de la casse.



Exemple



Cet exemple affichera "salut tout le monde".
Code : JavaScript
1
2
3
var chaine = 'SaLut TouT LE mOnDe';
var chaineMin = chaine.toLowerCase();
alert(chaineMin);


Comparons maitenant deux chaînes : le message sera "Ces chaînes sont les mêmes, aux majuscules près".
Code : JavaScript
1
2
3
4
5
6
7
8
var chaine1 = "JavaScript";
var chaine2 = "javascript";
if(chaine1 == chaine2)
     alert("Ces chaînes sont exactement les mêmes");
else if(chaine1.toLowerCase() == chaine2.toLowerCase())
     alert("Ces chaînes sont les mêmes, aux majuscules près");
else
     alert("Ces chaînes sont différentes");

Opérations sur les chaînes

concat(str), l'opérateur +




Description



L'opérateur + permet de concaténer deux chaînes : chaine+str est la chaîne constituée de chaine et de str mises bouts-à-bouts.

L'écriture précédente est strictement équivalente à chaine.concat(str)
Elle est bien plus lisible et intuitive, c'est pourquoi il est très rare d'utiliser concat.



Exemple



On affiche la chaîne "JavaScript", construite par concaténation (en utilisant les deux façons de faire).
Code : JavaScript
1
2
3
4
var chaine1 = 'Java';
var chaine2 = 'Script';
alert(chaine1 + chaine2);
alert(chaine1.concat(chaine2));



split(str)




Description



La méthode split(str) permet de découper une chaîne de caractères, en "coupant" aux endroit où la chaîne comporte str.
Les "morceaux" découpés sont renvoyés sous forme de tableau.

Cette méthode peut se révéler assez utile.

Cette méthode peut aussi s'utiliser avec une regex.
(abordé dans le chapitre suivant)



Exemple



Code : JavaScript
1
2
var chaine = 'www.siteduzero.com';
var tableau = chaine.split('.');


Ici, la chaîne chaine est découpés selon les points.
Il y aura donc trois parties :



substring(debut,fin)




Description



substring(debut,fin) renvoie la portion de chaîne délimitée par les positions debut (incluse) et fin (exclue).

Si fin n'est pas précisée, la portion est extraite de debut jusqu'à la fin de la chaîne.

La méthode nommée slice fait exactement la même chose que substring.



Exemple



Cet exemple affichera "Javascript".
Code : JavaScript
1
2
3
var chaine = 'Vive le Javascript !';
var sousChaine = chaine.substring(8,18);
alert(sousChaine);



substr(debut,nombre)




Description



substr(debut, i) renvoie la portion de chaîne commençant à la positions debut et contenant i caractères.
Si i n'est pas précisée, ou s'il y a moins de i caractères, la portion est extraite jusqu'à la fin de la chaîne.

Ne confondez pas substring et substr !



Exemple



Cet exemple affichera "Javascript".
Code : JavaScript
1
2
3
var chaine = 'Vive le Javascript !';
var sousChaine = chaine.substr(8,10);
alert(sousChaine);

Rechercher et remplacer

Les méthodes présentées dans cette sous-partie utilisent les regex.
Cette notion (assez complexe) est présentée dans le chapitre suivant.



match(regex)



match(regex) applique l'expression régulière regex à la chaîne, et renvoie le résultat sous forme de tableau.


replace(regex, str)



replace(regex, str) remplace les sous-chaînes satisfaisant l'expression régulière regex par le motif de remplacement str.


search(regex)



search(regex) renvoie la position de la première sous-chaîne satisfaisant l'expression régulière regex.
Renvoie -1 s'il n'y a aucun résultat.

Pour rechercher une simple chaîne de caractère, cf. la méthode indexOf.

Dans le prochain chapitre, nous restons dans le même sujet, mais en abordant les regex : c'est un outil vraiment puissant pour travailler sur les chaînes de caractères.

Qu'est-ce qu'on apprendra à faire grâce à ces fameuses regex ?

On peut d'ores et déjà citer la vérification d'un numéro de téléphone ou d'une adresse e-mail (plus exactement, on vérifie s'il semble valide).
Ça permet également d'extraire des informations contenues dans une phrase qu'a écrit l'utilisateur (en particulier, récupérer des chiffres, tel qu'un âge, dans une phrase comme "j'ai 99 ans").

Et vous verrez, les regex sont extrêmement pratique dans ce genre de situations.
Chapitre précédent Sommaire Chapitre suivant
Retour en haut Retour en haut


Créé : le 06/08/2006 à 02:38:52
Modifié : le 22/08/2008 à 15:52:58
Avancement : 100%
Licence : Copie non autorisée

1 commentaire

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 441 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0426s (0.0292s)