Type conversies

De hele tijd moet u het type van een waarde transformeren: de value van een HTML-invoer arriveert als een string, zelfs als deze een getal vertegenwoordigt, een API retourneert tekenreeksen naar formaat, u moet een object als tekst loggen. JS aanbiedingen drie families van conversies: expliciete, speciale parsers en (to be vermeden) impliciete.

Expliciete conversies

Dit zijn de duidelijkste en zouden uw standaard moeten zijn:

Number('42'); // 42
Number('3.14'); // 3.14
Number(''); // 0     ← careful
Number('  10 '); // 10     (spaces are ignored)
Number('ciao'); // NaN    ← does not represent a number

String(42); // '42'
String(true); // 'true'
String(null); // 'null'
String(undefined); // 'undefined'

Boolean(1); // true
Boolean(0); // false
Boolean(''); // false
Boolean('abc'); // true

parseInt en parseFloat: tolerante parsers

In tegenstelling tot Number(...), parseInt en parseFloat negeer de niet-numerieke staart van de string: ze stoppen bij het eerste ongeldige teken.

Number('42px'); // NaN
parseInt('42px'); // 42
parseFloat('3.14em'); // 3.14
parseInt('   12 anni'); // 12
parseInt('ciao12'); // NaN  ← must start with digits

toFixed om getallen op te maken als tekenreeksen

Kort gezien in de vorige les: rondt af op N decimalen en retourneert a tekenreeks.

(3.14159).toFixed(2); // '3.14'
(1).toFixed(2); // '1.00'

Om het terug te converteren naar een number gebruik je het voorvoegsel Number(...) of de unaire +:

Number((3.14159).toFixed(2)); // 3.14
+(3.14159).toFixed(2); // 3.14

NaN: de waarde die bijt

NaN ("Geen getal") wordt geproduceerd door numerieke bewerkingen die mislukken:

Number('ciao'); // NaN
0 / 0; // NaN
parseInt('xxx'); // NaN

Kenmerken:

• het heeft het type 'number' (ja, een "niet-nummer" is een nummer)
• het is niet gelijk aan zichzelf: NaN === NaN is false
• om het te testen gebruik je de functie Number.isNaN(x)

const x = Number('ciao');
x === NaN; // false (!)
Number.isNaN(x); // true

Probeer het

Oefening beoordelen