Javascript - L'objet String

Javascript
Javascript
Implantation du code
Variables javascript
Tableaux javascript
Chaîne de caractères
Événements javascript
Opérateurs
Structures conditionnelles
Fonctions
Méthodes
Boîtes de dialogue
La notion d'objet
Objets de Javascript
Objets du noyau
Objet Array
Objet Boolean
Objet Date
Objet Math>
Objet RegExp
Objet String
Objets du navigateur
Présentation des objets
Objet window
Objet navigator
Objet history
A lire aussi
HTML
CSS
PHP
AJAX
RSS
Podcast
Webmastering
Nom de domaine
Hébergement
A voir aussi
FAQ langages
FAQ programmation
FAQ webmaster
FAQ Internet
FAQ réseaux

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.anchor("nom_a_donner"); Transforme le texte Chaine en ancrage HTML.

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.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

concat(chaîne1, chaîne2[, ...]) Permet de concaténer les chaînes passées en paramètre, c'est-à-dire de les joindre bout à bout.

Chaine.fixed() Transforme la Chaine en caractères de police fixe (balise <TT>)

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.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.

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.italics() Transforme le texte en italique (balise <I>)

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.link(URL) Transforme le texte en hypertexte (balise <A href>)

Chaine.small() Diminue la taille de la police

Chaine.strike() Transforme le texte en ~~texte barré~~ (balise <strike>)

Chaine.sub() Transforme le texte en _indice (balise <sub>)

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.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.

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?'

Trucs & astuces pertinents trouvés dans la base de connaissances

12/02 01h50	convertisseur d'unités de mesures scientifiques (Javascript)
10/12 10h48	GRUB - La structure de fichier de configuration (Linux)
19/11 00h08	Effacer un champ de formulaire lors du clic (focus) (Javascript)
18/11 00h43	JavaScript c'est la même chose que Java (Mythes et légendes)
11/11 01h39	Coloration syntaxique dans vos pages web (Webmaster)
03/01 12h41	Enregistrer la radio sur internet (Audio)
04/11 16h32	Interdire le clic droit de la souris (Javascript)
19/10 01h12	Structure de la base de registre (Base de registre)
08/11 10h32	Lien aléatoire / Choisir un lien au hasard (Javascript)
05/11 11h53	Date de dernière modification de la page (Javascript)
Plus d'astuces sur « Javascript String »

Discussions pertinentes trouvées dans le forum

10/11 11h38	[javascript] objet string + comparaison	Développement	10/11 11h44->herve70	1
10/04 16h07	JAVASCRIPT : STRING : SYNTAXE de anchor ????	Windows	10/04 16h07->mabouze	0
17/01 13h28	javascript : stocker un tableau de String	Windows	17/01 13h28->winalbest	0
08/12 11h00	C# remplir un tableau de string avec listbox	Développement	08/12 17h16->sebsauvage	6
19/12 19h36	tester si un string est un entier	Développement	20/12 19h59->carkiasis	5
02/12 11h54	[java] manipulation de string	Développement	02/12 14h23->eliah	5
20/05 19h21	String en Int et invercement (Java)	Développement	21/05 08h02->Titeuf	4
01/09 16h08	[PHP] string "incomplet"	Webmastering	01/09 23h10->Erdnax	4
14/02 13h02	conversion string $t en int avec script	Linux/Unix	16/02 10h53->cathan	4
24/09 12h37	C++, convertir en string	Développement	25/09 11h55->medsour	3
Discussion fermée Problème résolu		Plus de discussions sur « Javascript String »