JavaScript, leçon n°5 :
Les chaînes de caractères :
Dans ce chapitre nous allons découvrir ce que sont réellement les chaînes de caractères, ce sont des objets string . Nous apprendrons les méthodes de cette objet où certaines sont directement identiques à certaines balises HTML mais nous découvrirons aussi des méthodes propres au JavaScript . On apprendra donc à traiter ces chaînes de caractères .
L'objet String :
Cette objet est un fait une chaîne de caractères . Vous avez appris à déclarer des chaînes de caractères de la façon suivante :
chaine = "Je m'appelle Fabien"
Cette chaîne est classique mais vous pouvez la déclarer de la façon suivante :
chaine = new String("Je m'appelle Fabien")
Sous cette forme on voit clairement qu'une chaîne de caractères peut être considéré comme un objet pur . On voit encore l'utilisation de l'opérateur new . Sous ces deux formes de déclarations la chaîne est identique . Donc à vous de choisir la forme que vous voulez choisir, la première façon est quand même plus simple d'écriture .
Nous allons maintenant étudier les différentes méthodes de cette objet strings qui pour beaucoup on un équivalent en une balise HTML . On peut bien évidement cumuler ces méthodes .
big() :
Cette méthode sert à afficher le texte en une police plus grosse, voici un exemple de son utilisation :
<HTML>
<HEAD>
<TITLE>Exemple n°001, big()</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
document.write("Je m'appelle Fabien".big())
</SCRIPT>
</BODY>
</HTML>
Dans ce script on peut voir la méthode big() qui est lié à la chaîne de caractères et ainsi la chaîne de caractère est affiché avec une police plus grosse . Voici l'affichage dans le browser :
bold() :
Cette méthode sert à afficher du texte en gras . Elle s'utilise comme big() .
italics() :
Cette méthode sert à afficher du texte en italique . Elle s'utilise comme big() .
small() :
Cette méthode sert à afficher du texte avec une police plus petite . Elle s'utilise comme big() .
strike() :
Cette méthode sert à afficher du texte barré . Elle s'utilise comme big() .
sup() :
Cette méthode sert à afficher du texte de style exposant . Elle s'utilise comme big() .
sub() :
Cette méthode sert à afficher du texte avec un style indice . Elle s'utilise comme big() .
fontsize() :
Cette méthode sert à définir la taille du texte d'une chaîne caractères . Cette méthode est identique à big() sauf quel a un argument qui est la taille du texte . Voici un exemple :
chaine = "c'est une chaîne de caractères que voici !".fontsize(5)
Lorsque cette chaîne sera affichée par son nom de variable, elle prendra la taille qu'on lui a attribuée .
fontcolor() :
Cette méthode sert à définir la couleur d'une chaîne de caractères . L'argument de cette méthode et donc la couleur spécifié . Cette couleur est sous un format RRB de type hexadécimal identique aux couleurs utilisées en HTML . Cette méthode se présente sous la même forme que fontsize() .
Nous avons vus les principales méthodes qui trouvent un équivalent en une balise HTML mais maintenant nous allons voir des méthodes propres au JavaScript .
slice() :
Cette méthode sert à extraire une sous-chaîne de caractères à partir d'une chaîne de caractère en précisant par deux arguments, le n ème caractères représentant le début de la sous-chaîne et le n ème caractères qui termine la sous-chaîne . Pour être plus clair voici un exemple de son utilisation :
<HTML>
<HEAD>
<TITLE>Exemple n°002, slice()</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
chaine = "c'est une chaîne de caractères que voici !"
document.write(chaine+"<BR>"+chaine.slice(1, 10))
</SCRIPT>
</BODY>
</HTML>
Ce qui affiche à l'écran :
charAt() :
Cette méthode sert à extraire un caractère dans une chaîne de caractères . Elle prends donc un argument qui est le n ème caractère moins un car 0 représente le premier caractère, 1 représente le second caractère, etc . Voici un exemple :
<HTML>
<HEAD>
<TITLE>Exemple n°003, charAt()</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
chaine = "c'est une chaîne de caractères que voici !"
document.write(chaine+"<BR>"+chaine.charAt(6))
</SCRIPT>
</BODY>
</HTML>
Ce qui va afficher à l'écran :
indexOf() :
Cette méthode prends en paramètre une chaîne de caractères qui doit être recherché dans une autre chaîne de caractères . Elle renvoie -1 si la chaîne n'est pas trouvé sinon elle renvoie la position du premier caractère moins un de la chaîne de caractère à cherché là où elle a été trouvé dans l'autre chaîne de caractères . Voici un exemple pour mieux comprendre :
<HTML>
<HEAD>
<TITLE>Exemple n°004, indexOf()</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
chaine = "c'est une chaîne de caractères que voici !"
document.write(chaine+"<BR>"+chaine.indexOf("que"))
</SCRIPT>
</BODY>
</HTML>
Ce qui affiche à l'écran :
toLowerCase() :
Cette méthode sert à renvoyer une chaîne de caractères où tous les caractères sont en minuscules . Voici un exemple :
<HTML>
<HEAD>
<TITLE>Exemple n°005, toLowerCase()</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
chaine = "c'est UNE CHaîne de CARACTèreS que voici !"
document.write(chaine+"<BR>"+chaine.toLowerCase())
</SCRIPT>
</BODY>
</HTML>
Ce qui va affiche dans le browser :
toUpperCase() :
Cette méthode est presque identique à toLowerCase sauf qu'elle met tous les caractères en majuscules . Voici un exemple :
<HTML>
<HEAD>
<TITLE>Exemple n°006, toUpperCase()</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
chaine = "c'est une chaîne de CARACTèreS que voici !"
document.write(chaine+"<BR>"+chaine.toUpperCase())
</SCRIPT>
</BODY>
</HTML>
Ce qui affiche à l'écran :
Voilà nous avons fini ce chapitre qui traite certaines méthodes de traitement de chaînes de caractères . Maintenant, après ce chapitre nous allons en entamer un nouveau qui traitera un sujet très important en programmation, qui est la condition et les boucles .
Leçon précédente : D'autres constituants
Leçon suivante : Structures de contrôle
|
