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)

Metodi delle stringhe

Le stringhe in JS hanno decine di metodi ma in pratica ne userai dieci. Sono tutte funzioni che non modificano la stringa originale (le stringhe sono immutabili) ma restituiscono un nuovo valore.

Lunghezza, maiuscole, ricerca

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 è una proprietà (senza parentesi), gli altri sono metodi — funzioni invocate con (…).

Estrarre porzioni con slice

slice(inizio, fine) restituisce la sotto-stringa fra le posizioni indicate (fine esclusa). Gli indici negativi contano dalla fine.

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

Spezzare e ricomporre

split(separatore) divide una stringa in array di pezzi. Il viceversa è join(...) sull'array:

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

Sostituire

replace cambia la prima occorrenza, replaceAll tutte:

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

Trim: togliere spazi alle estremità

trim() rimuove spazi (e a-capo, tab) all'inizio e alla fine. Indispensabile quando ricevi input da un form.

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

Prova tu

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

Data una email `' Mario.Rossi@Example.com '`, normalizzala: togli gli spazi attorno e portala tutta in minuscolo. L'ultima espressione deve valutare a 'mario.rossi@example.com'.

Chargement de l'éditeur…
Afficher l'indice

Puoi concatenare i metodi: prima trim(), poi toLowerCase().

Solution disponible après 3 tentatives

Esercizio di ripasso

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

Data la stringa `'rosso,verde,blu,giallo'`, restituisci come ultima espressione il NUMERO di colori (cioè 4).

Chargement de l'éditeur…
Afficher l'indice

split(',') ti dà un array; .length ti dà il numero di elementi.

Solution disponible après 3 tentatives