Passer au contenu principal
eLearner.app
Module 2 · Leçon 2 sur 46/32 dans le cours~10 min
Leçons du module (2/4)

Méthodes de chaîne

Les chaînes de caractères (strings) en JS possèdent des dizaines de méthodes, mais en pratique tu en utiliseras une dizaine. Ce sont toutes des fonctions qui ne modifient pas la chaîne d'origine (les chaînes sont immuables) mais renvoient une nouvelle valeur.

Longueur, majuscules, recherche

JS
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'

'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false

'JavaScript'.indexOf('a'); // 1    (prima occorrenza, da 0)
'JavaScript'.indexOf('zzz'); // -1   (non trovato)

length est une propriété (sans parenthèses), les autres sont des méthodes — des fonctions invoquées avec (…).

Extraire des portions avec slice

slice(début, fin) renvoie la sous-chaîne entre les positions indiquées (fin exclue). Les indices négatifs comptent à partir de la fin.

JS
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh'   (omessa fine = fino in fondo)
'abcdefgh'.slice(-2); // 'gh'      (ultimi due)

Découper et réassembler

split(séparateur) divise une chaîne en un tableau de morceaux. L'inverse est join(...) sur le tableau :

JS
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'

Remplacer

replace remplace la première occurrence, replaceAll toutes :

JS
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'

Trim : enlever les espaces aux extrémités

trim() supprime les espaces (ainsi que les retours à la ligne et tabulations) au début et à la fin. Indispensable lorsque tu reçois des données saisies dans un formulaire.

JS
'   ciao  '.trim(); // 'ciao'

À toi de jouer

Exercice#js.m2.l2.e1
Tentatives : 0Chargement…

Étant donné l'e-mail `' Mario.Rossi@Example.com '`, normalise-le : supprime les espaces autour et mets-le entièrement en minuscules. La dernière expression doit donner 'mario.rossi@example.com'.

Chargement de l'éditeur…
Afficher l'indice

Tu peux enchaîner les méthodes : d'abord trim(), puis toLowerCase().

Solution disponible après 3 tentatives

Exercice de révision

Exercice#js.m2.l2.e2
Tentatives : 0Chargement…

Étant donné la chaîne `'rosso,verde,blu,giallo'`, renvoie comme dernière expression le NOMBRE de couleurs (c'est-à-dire 4).

Chargement de l'éditeur…
Afficher l'indice

split(',') te donne un tableau ; .length te donne le nombre d'éléments.

Solution disponible après 3 tentatives