Modulelessen (2/4)
String-methoden
Strings in JS hebben tientallen methoden, maar in de praktijk zul je er tien gebruiken zij. Het zijn allemaal functies die de originele string niet wijzigen (tekenreeksen zijn onveranderlijk) maar retourneren een nieuwe waarde.
Lengte, kast, zoeken
'JavaScript'.length; // 10
'JavaScript'.toUpperCase(); // 'JAVASCRIPT'
'JavaScript'.toLowerCase(); // 'javascript'
'JavaScript'.includes('Script'); // true
'JavaScript'.startsWith('Java'); // true
'JavaScript'.endsWith('!'); // false
'JavaScript'.indexOf('a'); // 1 (first occurrence, from 0)
'JavaScript'.indexOf('zzz'); // -1 (not found)length is een eigenschap (geen haakjes), de andere zijn methoden —
functies aangeroepen met (…).
Gedeelten extraheren met slice
slice(start, end) retourneert de subtekenreeks tussen de gegeven posities
(end uitgesloten). Negatieve indices tellen vanaf het einde.
'abcdefgh'.slice(0, 3); // 'abc'
'abcdefgh'.slice(3); // 'defgh' (omitting end = to the end)
'abcdefgh'.slice(-2); // 'gh' (last two)Splitsen en weer samenvoegen
split(separator) verdeelt een string in een array van stukken. Het omgekeerde is
join(...) op de array:
'rosso,verde,blu'.split(','); // ['rosso','verde','blu']
['rosso', 'verde', 'blu'].join(' | '); // 'rosso | verde | blu'Vervangen
replace verandert de eerste gebeurtenis, replaceAll verandert ze allemaal:
'a-b-c'.replace('-', '_'); // 'a_b-c'
'a-b-c'.replaceAll('-', '_'); // 'a_b_c'Trimmen: verwijder witruimte aan de randen
trim() verwijdert spaties (en nieuwe regels, tabs) aan het begin en einde.
Onmisbaar als je input krijgt via een formulier.
' ciao '.trim(); // 'ciao'Probeer het
Gegeven een e-mail '' Mario.Rossi@Example.com '', normaliseer deze: verwijder de omringende spaties en maak er kleine letters van. De laatste expressie moet resulteren in 'mario.rossi@example.com'.
Toon hint
U kunt de methoden aan elkaar koppelen: eerst trim() en vervolgens toLowerCase().
Oplossing beschikbaar na 3 pogingen
Oefening beoordelen
Gegeven de string `'rosso,verde,blu,giallo'`, retourneer als laatste uitdrukking het AANTAL kleuren (d.w.z. 4).
Toon hint
split(',') geeft je een array; .length geeft je het aantal elementen.
Oplossing beschikbaar na 3 pogingen