Direct naar de hoofdinhoud
Module 2 · Les 2 van 46/32 in de cursus~10 min
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

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

JS
'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:

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

Vervangen

replace verandert de eerste gebeurtenis, replaceAll verandert ze allemaal:

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

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

Probeer het

Oefening#js.m2.l2.e1
Pogingen: 0Laden…

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

Editor laden…
Toon hint

U kunt de methoden aan elkaar koppelen: eerst trim() en vervolgens toLowerCase().

Oplossing beschikbaar na 3 pogingen

Oefening beoordelen

Oefening#js.m2.l2.e2
Pogingen: 0Laden…

Gegeven de string `'rosso,verde,blu,giallo'`, retourneer als laatste uitdrukking het AANTAL kleuren (d.w.z. 4).

Editor laden…
Toon hint

split(',') geeft je een array; .length geeft je het aantal elementen.

Oplossing beschikbaar na 3 pogingen