Javascript - L'objet String
- Les particularités de l'objet String
- Les propriétés de l'objet String
- Les méthodes de l'objet String
- Méthodes string avec ou sans expressions régulières
- Exemples d'utilisation des méthodes de l'objet String
Les particularités de l'objet String
string est un mot anglais qui signifie "chaîne", il
s'agit en fait de chaîne de caractères.
L'objet String est un objet qui contient un certain nombre de propriétés
et de méthodes permettant la manipulation de chaînes de caractères.
Les propriétés de l'objet String
L'objet string a une seule propriété : la propriété length
qui permet de retourner la longueur d'une chaîne de caractères. Cette propriété
est très utile car lorsque l'on traite une chaîne de caractères on aime généralement
savoir à quel moment s'arrêter.
La syntaxe de la propriété length est la suivante :
x = nom_de_la_chaine.length;
x = ('chaine de caracteres').length;
On peut donc directement passer la chaîne de caractères comme objet, en délimitant
la chaîne par des apostrophes et en plaçant le tout entre parenthèses.
La méthode traditionnelle consistant à appliquer une propriété à
une variable de type string fonctionne bien évidemment aussi.
Les méthodes de l'objet String
Les méthodes de l'objet string permettent de récupérer une portion
d'une chaîne de caractère, ou bien de la modifier.
Pour comprendre les méthodes suivantes, il est tout d'abord nécessaire
de comprendre comment est stockée une chaîne de caractères
Le tableau suivant décrit les méthodes de l'objet String :
| Méthode | description |
|---|---|
| Chaine.charAt(position) | Retourne le caractère situé à la position donnée en paramètre |
| Chaine.charCodeAt(position) | Renvoie le code Unicode du caractère situé à la position donnée en paramètre |
| Chaine.fromCharCode(code1[, code2, ..]) | Renvoie une chaîne de caractères composée de caractères correspondant au(x) code(s) Unicode donné(s) en paramètre. |
| chaîne1.concat(chaîne2) | Permet de concaténer les chaînes passées en paramètre, c'est-à-dire de les joindre bout à bout. |
| Chaine.indexOf(sous-chaîne, position) | Retourne la position d'une sous-chaîne (lettre ou groupe de lettres) dans une chaîne de caractère, en effectuant la recherche
de gauche à droite, à partir de la position spécifiée en paramètre. |
| Chaine.lastIndexOf(sous-chaîne, position) | La méthode est similaire à indexOf(), à la différence que la recherche se fait de droite à gauche :
Retourne la position d'une sous-chaîne (lettre ou groupe de lettres) dans une chaîne de caractère, en effectuant la recherche de droite à gauche, à partir de la position spécifiée en paramètre. |
| Chaine.substr(position1, longueur) | La méthode retourne une sous-chaîne commençant à l'index dont la position est donnée en argument et de la longueur donnée en paramètre. |
| Chaine.substring(position1, position2) | La méthode retourne la sous-chaîne (lettre ou groupe de lettres) comprise entre les positions 1 et 2 données en paramètre. |
| Chaine.split(caractère) | La méthode découpe la chaine en fonction du caractère choisi et met le tout dans un tableau (array) chaque mots dans une phrase comporte un espace si on choisi comme caractère l'espace chaque index du tableau comportera un mots de la phrase. |
| Chaine.anchor("nom_a_donner"); | Transforme le texte Chaine en ancrage HTML. |
| Chaine.fixed() | Transforme la Chaine en caractères de <tt>police fixe (balise <TT>) |
| Chaine.big() | Augmente la taille de la police. |
| Chaine.blink() | Transforme la chaîne en texte clignotant. |
| Chaine.bold() | Met le texte en gras (balise <B>). |
| Chaine.fontcolor(couleur) | Modifie la couleur du texte (admet comme argument la couleur en hexadécimal ou en valeur littérale) |
| Chaine.fontsize(Size) | Modifie la taille de la police, en afectant la valeur passée en paramètre |
| Chaine.italics() | Transforme le texte en italique (balise <I>) |
| Chaine.link(URL) | Transforme le texte en [javascript:; hypertexte] (balise <A href>) |
| Chaine.small() | Diminue la taille de la police |
| Chaine.strike() | Transforme le texte en <strike>texte barré</strike> (balise <strike>) |
| Chaine.sub() | Transforme le texte en indice (balise <sub>) |
| Chaine.sup() | Transforme le texte en exposant (balise <sup>). |
| Chaine.toLowerCase() | Convertit tous les caractères d'une chaîne en minuscule. |
| Chaine.toSource() | Renvoie le code source de création de l'objet. |
| Chaine.toUpperCase() | Convertit tous les caractères d'une chaîne en majuscule. |
| Chaine.valueOf() | Renvoie la valeur de l'objet String. |
Méthodes string avec ou sans expressions régulières
ces méthodes sont au nombre de cinq hormis match() elles peuvent etre utilisé soit en donnant la sous chaine soit en complément d'une expression régulière (regex), match() est utilisable uniquement en complément d'une expression reguliere (regex) .
| Méthode | description |
|---|---|
| Chaine.match(regex) | Retourne un tableau (array) comportant la sous chaine donné en paramètre n foix dans la chaine. |
| Chaine.replace(regex ou sous chaine) | La méthode remplace une sous chaine par une autre sous chaine donné en paramètre. |
| Chaine.search(regex ou sous chaine) | Renvoie la position de la sous chaine donné en paramètre. |
| regex.test(string) | teste si la chaine correspond au condition du regex renvoi true ou false. |
| Chaine.split(regex) | Renvoie un array contenant les sous-chaînes de caractères correspondant aux condition du regex. |
Exemples d'utilisation des méthodes de l'objet String
Méthode charAt()
Il existe deux syntaxe pour la méthode charAt()
*
Chaine = "chaine de caractères";
Resultat = Chaine.charAt(position);
*
Resultat = charAt("chaine de caractères", position);
Le paramètre position est un entier qui représente la position du caractère à récupérer,
il doit être compris entre O et n-1 (où n représente la longueur de la chaîne). Dans le cas contraire
(le paramètre position négatif ou supérieur ou égal à la longueur) charAt() renvoie
une chaîne de longueur nulle.
Voici quelques exemples :
var Chaine = 'Comment ça marche?';
var Resultat = charAt(Chaine,0);
donne 'C'
var Resultat = charAt("Comment ça marche?", 1);
donne 'o'
var Resultat = Chaine.charAt(17);
donne '?'
var Resultat = ("Comment ça marche?").charAt(18);
donne ''
var Resultat = charAt(Chaine, -1);
donne ''
Méthode indexOf()
La méthode indexOf() permet de rechercher (de gauche à droite) la position d'une sous-chaîne dans une
chaîne de caractères.
Chaine = "chaine de caractères";
SousChaine = "sous-chaîne de caractères";
Resultat = Chaine.indexOf(SousChaine, position);
La position indiquée en argument permet de déterminer
la position du caractère à partir duquel la recherche est effectué. L'argument position doit
être compris entre 0 et n-1. Si cet argument est omis la recherche débutera à la position 0.
Lorsque la recherche est infructueuse, la méthode indexOf() renvoie la valeur -1.
Voici quelques exemples :
Chaine = 'Comment ça marche?'
Sous_Chaine = 'mar'
var Resultat = Chaine.indexOf(Sous_Chaine, 6)
donne '11'
var Resultat = Chaine.indexOf(Sous_Chaine)
donne '11'
var Resultat = Chaine.indexOf(Sous_Chaine, 11)
donne '11'
var Resultat = Chaine.indexOf(Sous_Chaine, 12)
donne '-1'
var Resultat = Chaine.indexOf(Sous_Chaine, -1)
donne "-1"
var Resultat = Chaine.indexOf(Sous_Chaine, 15)
donne "-1"
var Resultat = Chaine.indexOf(Sous_Chaine, 19)
donne "-1"
Méthode lastIndexOf()
La méthode lastIndexOf() permet de rechercher (de droite à gauche) la position d'une sous-chaîne dans une
chaîne de caractères.
Chaine = "chaine de caractères";
SousChaine = "sous-chaîne de caractères";
Resultat = Chaine.lastIndexOf(SousChaine, position);
La position indiquée en argument permet de déterminer
la position du caractère à partir duquel la recherche est effectué (vers la gauche pour cette méthode). L'argument position doit
être compris entre 0 et n-1. Si cet argument est omis la recherche débutera à partir de la fin de la chaîne.
Lorsque la recherche est infructueuse, la méthode lastIndexOf() renvoie la valeur -1.
Voici quelques exemples :
Chaine = 'Comment ça marche?'
Sous_Chaine = 'mar'
var Resultat = Chaine.lastIndexOf(Sous_Chaine, 6)
donne '-1'
var Resultat = Chaine.lastIndexOf(Sous_Chaine)
donne '11'
var Resultat = Chaine.lastIndexOf(Sous_Chaine, 11)
donne '11'
var Resultat = Chaine.lastIndexOf(Sous_Chaine, 12)
donne '11'
var Resultat = Chaine.lastIndexOf(Sous_Chaine, -1)
donne "-1"
var Resultat = Chaine.lastIndexOf(Sous_Chaine, 19)
donne "-1"
Méthode substring()
La méthode substring() permet de récupérer une sous-chaîne dans une
chaîne de caractères en précisant en paramètres les positions des caractères entre lesquels
la sous-chaîne doit être récupérée.
Chaine = "chaine de caractères";
Resultat = Chaine.substring(position1, position2);
Les positions indiquées en argument permettent de déterminer
les position des caractère entre lesquels la sous-chaîne doit être récupérée. Les arguments position1 et position2
doivent être compris entre 0 et n-1.
- Si l'argument position1 est plus petit que l'argument position2, la méthode substring()
retourne la sous-chaîne commençant à la position 1 et s'arrêtant au caractère situé avant position 2
- Si l'argument position1 est plus grand que l'argument position2, la méthode substring()
retourne la sous-chaîne commençant à la position 2 et s'arrêtant au caractère situé avant position 1
- Si l'argument position1 est égal à l'argument position2, la méthode substring()
retourne une chaîne vide
Voici quelques exemples :
var Chaine = 'Comment ça marche?';
var Resultat = Chaine.substring(1,5);
donne 'omme'
var Resultat = Chaine.substring(6,6);
donne ''
var Resultat = Chaine.substring(8,2);
donne 'mment '
Méthodes toLowerCase() et toUpperCase()
La méthode toLowerCase() permet de convertir toutes les lettres d'une chaîne en minuscule,
les autres caractères sont laissés tels quels.
Voici quelques exemples :
var Chaine = 'Comment ça Marche?';
var Resultat = Chaine.toLowerCase();
donne 'comment ça marche?'
La méthode toUpperCase() permet de convertir toutes les lettres d'une chaîne en majuscule,
les autres caractères sont laissés tels quels.
Voici quelques exemples :
var Chaine = 'Comment ça Marche?';
var Resultat = Chaine.toUpperCase();
donne 'COMMENT çA MARCHE?'