L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX new!
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle

     Referencement
     Créat. de bannière

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
103486 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kits graphiques
     Création logo

Plus :
     Comparateur de prix
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Hebergement gratuit
     Le PHP facile
     Horoscope
     Comscripts
     WebmasterClub
     Activeartanima...
     Le village de ...
     Faro-dessing
     L'écriteau
     Gifs animés, f...
     Easy-script.com
     Netsources
     Créer son site...
     Création de site
     K i s s design
     Les autres
     Votre site ici ?


  > Les chaines de caractères

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. C'est donc une suite de caractères, on la représente généralement par un ensemble de caractères encadré par des guillemets. La longueur maximale d'une telle chaîne est à priori comprise entre 50 et 80 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:
Il s'agit en fait d'une sorte de tableau constitué de n caractères (n est donc le nombre de caractères), on note 0 la position du premier caractère (celui à l'extrême gauche), puis on les compte de gauche à droite en incrémentant ce nombre:

Chaîne L ' e d i t e u r   j a v a s c r i p t
Position des caractères 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

Comme on peut le voir, une chaîne ayant n caractère aura son dernier caractère en position n-1 (ici, pour une chaîne de 18 caractère le dernier élément est à la position 17...).

Le tableau suivant décrit les méthodes de l'objet string.

Méthodedescription
charAt(chaîne, position)
ou
chaîne.charAt(position)
Retourne le caractère situé à la position donnée en paramètre
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.
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.
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.
toLowerCase() Convertit tous les caractères d'une chaîne en minuscule
toUpperCase() Convertit tous les caractères d'une chaîne en majuscule
toUpperCase() Convertit tous les caractères d'une chaîne en majuscule

D'autres methodes

Méthodedescription
anchor(nom_a_donner) Transforme le texte en ancrage HTML
big() Augmente la taille de la police
blink() Transforme la chaîne en texte clignotant
bold() Met le texte en gras (balise <B>)
fixed Transforme le texte en police fixe (balise <TT>)
fontcolor(couleur) Modifie la couleur du texte (admet comme argument la couleur en hexadécimal ou en valeur littérale)
fontsize(Size) Modifie la taille de la police, en afectant la valeur passée en paramètre
italics() Transforme le texte en italique (balise <I>)
link(URL) Transforme le texte en hypertexte (balise <A href>)
small() Diminue la taille de la police
strike() Transforme le texte en texte barré (balise <strike>)
sub() Transforme le texte en indice (balise <sub>)
sup() Transforme le texte en exposant (balise <sup>)

Exemples d'utilisation des méthodes de l'objet String

Méthode charAt()

Il existe deux syntaxe pour la méthode charAt()

  • x = "chaine de caractères";
    Resultat = x.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:
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";
Sous-Chaine = "sous-chaîne de caractères";
Resultat = x.indexOf(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";
Sous-Chaine = "sous-chaîne de caractères";
Resultat = x.lastIndexOf(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 = x.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:
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:
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:
Chaine = 'Comment ça Marche?'

  • var Resultat = Chaine.toUpperCase
    donne 'COMMENT çA MARCHE?'


Cours de JavaScript en partenariat avec CommentCaMarche.net
N'hésitez pas à visiter cet excellent site contenant des cours sur presque tous les langages de programmation !


Annotations des visiteurs :

De grocheteau - le 29-04-2005

Petit Truc à essayer :
Pour que le texte soit en gras, en italique et qu'il soit une ancre :

chaine.bold().italics().anchor("nom_ancre")


Il faut simplement ajouter les attributs les uns après les autres, en les séparant par un point.

Gégé
De MoonMP3 - le 13-07-2005

Pour insérer un caractère spécial dans une chaîne de caractère, il faut utiliser sa version unicode, par exemple
\u266A pour afficher une note de musique
'\u266A'
De misfu - le 25-03-2006

Un autre cours sur les chaînes de caractères (string) visible ici :
http://www.misfu.com/static/Javascript/strings.html

>> Poster une annotation sur ce cours


Les autres cours :

|< Les variables Les événements >|








33 visiteurs
actuellement en ligne

    PUBLICITE

Wilogo.com - Création Logo Entreprise

     ANNUAIRE WEBMAST.
MagikBiz
Integrez une section logo/sonnerie sur votre site !
http://magikbiz.com
Cat : Affiliation - publicité
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
55287 membres
8356 comptes CountUs
1485 comptes myCircle

     LES FORUMS :
14 forums
39239 topics
188879 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Navigateur" du jour par leBoss
Sous Firefox, vous pouvez définir plusieurs pages de démarrages dans les options en utilisant le séparateur |. Elles s'ouvriront toutes dans un onglet différent.
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2008 K-NETWORK - Tous droits réservés | CNIL N° 844440 | 12/10/2008 13:45:08 | Design by Studcrea | Gen. en 0.433 sec.