Przejdź do głównej treści
eLearner.app
Moduł 2 · Lekcja 2 z 46/32 w kursie~10 min
Lekcje modułu (2/4)

Metody łańcuchowe

Stringi w JS mają dziesiątki metod, ale w praktyce będziesz używać około dziesięciu. Wszystkie te funkcje nie modyfikują oryginalnego stringa (stringi są niemutowalne), lecz zwracają nową wartość.

Długość, wielkie litery, wyszukiwanie

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 jest właściwością (bez nawiasów), pozostałe to metody — funkcje wywoływane za pomocą (…).

Wyodrębnianie części za pomocą slice

slice(początek, koniec) zwraca podciąg pomiędzy wskazanymi pozycjami (koniec wykluczony). Indeksy ujemne liczone są od końca.

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

Dzielenie i łączenie

split(separator) dzieli string na tablicę części. Działaniem odwrotnym jest join(...) wywołane na tablicy:

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

Zastępowanie

replace zmienia pierwsze wystąpienie, replaceAll wszystkie:

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

Trim: usuwanie spacji z końców

trim() usuwa spacje (oraz znaki nowej linii, tabulatory) z początku i końca. Niezbędne, gdy otrzymujesz dane wejściowe z formularza.

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

Spróbuj sam

Ćwiczenie#js.m2.l2.e1
Próby: 0Ładowanie...

Mając adres e-mail `' Mario.Rossi@Example.com '`, znormalizuj go: usuń otaczające go spacje i zamień wszystkie litery na małe. Ostatnie wyrażenie powinno dać wynik 'mario.rossi@example.com'.

Ładowanie edytora...
Pokaż wskazówkę

Możesz łączyć metody: najpierw trim(), potem toLowerCase().

Rozwiązanie dostępne po 3 próbach

Ćwiczenie powtórzeniowe

Ćwiczenie#js.m2.l2.e2
Próby: 0Ładowanie...

Mając string `'rosso,verde,blu,giallo'`, jako ostatnie wyrażenie zwróć LICZBĘ kolorów (czyli 4).

Ładowanie edytora...
Pokaż wskazówkę

split(',') zwraca tablicę; .length daje liczbę elementów.

Rozwiązanie dostępne po 3 próbach