ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Introduction au 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

- - - - - - - -

Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript

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.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 = Chaine.charAt(0);

    donne 'C'
  • var Resultat = "Comment ça marche?".charAt(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?'

 


Ce document intitulé «Javascript - L'objet String» issu de l'encyclopédie informatique Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.

 

 
 
Mon javascript    03-02-2018