Accueil    Javascript    Les chaînes de caractères
 



Javascript Chaînes de caractères  Javascript : Les chaînes de caractères

Index Javascript


Présentation



La manipulation des chaînes de caractère est très fréquente côté javascript pour effectuer des vérifications, obtenir des segments de valeurs, effectuer des transformations, concaténer du texte. L'objet String met à disposition de nombreuses méthodes qui facilitent ces manipulations.

Déclarer une chaîne de caractère se fait avec la syntaxe suivante :


Déclaration complète :

var texte = new String("ma chaine de caractère");

Déclaration simplifiée :

var texte = "ma chaine de caractère";

Le rendu est le suivant en affichant la variable une fois instanciée :


Propriétés de l'objet String




Propriété Description Résultat
constructor Renvoie le code de la fonction ayant créée l'objet var texte = "un peu de poésie";
document.write(texte.constructor);
Résultat :
length Retourne la longueur de la chaîne de caractères (le nombre de caractères qu'elle contient)) var texte = "un peu de poésie";
document.write("longueur : " + texte.length);
Résultat :
prototype Permet de définir de nouvelles propriétés ou méthodes à l'objet String


Méthodes de l'objet String




Fonction Description Résultat
charAt() Retourne le caractère de la chaîne de texte se trouvant à la position passée en paramètre
var texte = "exemple";
document.write(texte.charAt(1));

Résultat :
charCodeAt() Retourne la valeur unicode du caractère situé à la position passée en paramètre
var texte = "exemple";
document.write(texte.charCodeAt(1));

Résultat :
concat() Concatène les chaînes de caractères passées en paramètres à la chaîne appelant la fonction dans l'ordre de déclaration var texte = "Start";
document.write(texte.concat("Your","Dev"));

Résultat :
fromCharCode() Converti un ou plusieurs chiffres unicodes passés en paramètres en caractères correspondants var caractere = String.fromCharCode(65, 66, 67);
document.write(caractere);

Résultat :
indexOf() Retourne la position de la première occurence du texte passé en paramètre dans le texte appelant la fonction var texte = "StartYourDev";
document.write(texte.indexOf("Yo"));

Résultat :
lastIndexOf() Retourne la position de la dernière occurence du texte passé en paramètre dans le texte appelant la fonction var texte = "StartYourDev";
document.write(texte.lastIndexOf("r"));

Résultat :
match() Recherche dans la chaîne de texte appelant la méthode une expression régulière passée en paramètre et retourne un tableau des occurences trouvées.
S'il n'y a pas de match, la méthode retourne null.
var texte = "exemple plein de ple";
var arr = texte.match(/ple/g);
document.write("Nombre de 'ple' : " + arr.length);

Résultat :
replace() Remplace dans la chaîne appelant la fonction le texte passé en premier paramètre par le texte passé en second paramètre var texte = "StartYourDev";
document.write(texte.replace("Your", "My"));

Résultat :
search() Recherche dans le texte appelant la méthode la valeur passée en paramètre et retourne sa position.
Si il n'y a pas de match la méthode retourne -1
var texte = "StartYourDev";
document.write(texte.search("Your"));

Résultat :
slice() Retourne la chaîne de caractére du texte appelant la méthode comprise entre les deux positions passées en paramètre var texte = "StartYourDev";
document.write(texte.slice(5,9));

Résultat :
split() Découpe la chaîne de caractère appelent la fonction autour de l'expression passée en paramètre et retourne un tableau des différentes parties.
Si le séparateur est une chaîne vide la méthode découpe la chaîne sur tous les caracères.
var texte = "StartYourDev";
document.write(texte.split("Y")[0]);

Résultat :
substr() Retourne la chaîne de texte débutant à la position spécifiée en premier paramètre et ayant la longueur spécifiée en second paramètre var texte = "StartYourDev";
document.write(texte.substr(5,9));

Résultat :
substring() Retourne la chaîne de texte comprise entre les positions 1 et 2 spécifiées en paramètre var texte = "StartYourDev";
document.write(texte.substring(5,9));

Résultat :
toLowerCase() Conversion de la chaîne de caratère en minuscules var texte = "StartYourDev";
document.write(texte.toLowerCase());

Résultat :
toUpperCase() Conversion de la chaîne de caratère en majuscules var texte = "StartYourDev";
document.write(texte.toUpperCase());

Résultat :
valueOf() Retourne la valeur de l'objet String var texte = "StartYourDev";
document.write(texte.valueOf());

Résultat :


Méthodes de transformation html de l'objet String




Fonction Description
anchor() Crée une ancre html (balise <a>)
big() Affiche le texte avec taille de police de caractère élevée (balise <big>)
blink() Affiche un texte qui clignote
bold() Affiche le texte en gras (balise <b>)
fixed() Affiche le texte avec une police de caractère fixe (balise <tt>)
fontcolor() Affiche le texte avec une couleur spécifique (style css color)
fontsize() Affiche le texte avec une taille de police spécifique (style css font-size)
italics() Affiche le texte en italique (balise <i>)
link() Affiche le texte comme un lien hypertexte (balise <a>)
small() Affiche le texte avec une petite taille de police de caractère (balise <small>)
strike() Affiche le texte barré (balise <strike>)
sub() Affiche le texte en indice inférieur (balise <sub>)
sup() Affiche le texte en indice supérieur (balise <sup>)