Vai al contenuto
eLearner.app
Modulo 2 · Lezione 2 di 46/32 nel corso~10 min
Lezioni del modulo (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

Esercizio#js.m2.l2.e1
Tentativi: 0Caricamento…

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'.

Caricamento editor…
Mostra suggerimento

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

Soluzione disponibile dopo 3 tentativi

Esercizio di ripasso

Esercizio#js.m2.l2.e2
Tentativi: 0Caricamento…

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

Caricamento editor…
Mostra suggerimento

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

Soluzione disponibile dopo 3 tentativi