Flux rss
Bookmark Ajouter aux favoris / Partager

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


Dernière modification le mardi 14 octobre 2008 à 17:40:36.Ce document intitulé « Javascript - L'objet String » issu de 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.
[javascript] objet string + comparaison bonjour, En fait je veux tester en javascript si la fin de ma chaine de caractere est comprise dans une liste et je ne connais pas du tout la syntaxe www.commentcamarche.net/forum/affich-2466457-javascript-objet-string-comparaison
Javascript - L'objet window Les particularités de l'objet window L'objet window est l'objet par excellence dans Javascript, car il est le parent de chaque objet qui compose la page web, il contient donc : l'objet document: la page en elle-même l'objet location: le lieu de... www.commentcamarche.net/contents/javascript/jswindow.php3
Javascript - L'objet Date Les particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La... www.commentcamarche.net/contents/javascript/jsdate.php3
Javascript - Concaténation de chaînes de caractèresLe terme "concaténer" signifie joindre deux chaînes bout à bout pour n'en former qu'une seule. Dans la plupart des langages tels que PHP, la concaténation se fait avec le caractère ".". En javascript, il suffit d'utiliser le caractère plus (+) ou... www.commentcamarche.net/faq/sujet-16306-javascript-concatenation-de-chaines-de-caracteres
Javascript - Connaître la hauteur d'un élément HTMLSi vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs : element.offsetHeight element.style.pixelHeight Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML... www.commentcamarche.net/faq/sujet-11739-javascript-connaitre-la-hauteur-d-un-element-html
Comment regarder des films en streaming ?Streaming payant en Haute définition Films en streaming gratuits sur Youtube et Dailymotion Les films et vidéos libres de droits Le visionnage de films en streaming (flux vidéo) sur internet est payant ou gratuit. La législation... www.commentcamarche.net/faq/sujet-16405-comment-regarder-des-films-en-streaming
Javascript méthode to stringbonjour je m'amuse a faire des challenge en javascript mais jarive pa a comprendre a quoi sert le to string avec la chaine fin en clair ce code source la : question=prompt("Quel est le mot de passe ?")... www.commentcamarche.net/forum/affich-2708615-javascript-methode-to-string
Javascript : 'Erreur : Objet Requis'Bonjour, Je suis en train de taffer sur un projet en partie réalisée avec AJAX et XML, et je me retrouve bloqué sur un problème d'objet requis :/ Mon code marche parfaitement sous FF (normal, comme d'hab) mais IE fait chier (encore une fois , comme... www.commentcamarche.net/forum/affich-9301172-javascript-erreur-objet-requis
Javascript: Création d'objet (+ clair)Mon but est de structurer proprement l'objet: Structure: - Objet -value - calcul - FonctionMath1 - FonctionMath1 - verification - fonctionverif1 - verification En code objet.value Objet.calcul.Fonctionmath1 objet.calcul.fonctionmath2... www.commentcamarche.net/forum/affich-90437-javascript-creation-d-objet-clair
Javascript - La notion d'objetNotion d'objet Le but de cette section n'a pas pour ambition de traîter de la programmation orientée objet mais de donner une idée de ce qu'est un objet, concept nécessaire à la création de scripts Javascript. Le Javascript traite les éléments qui... www.commentcamarche.net/contents/javascript/jsobjet.php3
Javascript - Les variablesLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,... www.commentcamarche.net/contents/javascript/jsvar.php3
Javascript - Les structures conditionnellesQu'est-ce qu'une structure conditionnelle? On appelle structure conditonnelle les instructions qui permettent de tester si une condition est vraie ou non, ce qui permet notamment de donner de l'interactivité à vos scripts. L'instruction... www.commentcamarche.net/contents/javascript/jscond.php3