Booleans en vergelijkingen

5 == "5" is true maar 5 === "5" is false. Het drievoudige gelijkteken controleert ook of beide kanten hetzelfde type hebben.

Vragen met een ja-neeantwoord

Programma's stellen voortdurend vragen. Is het wachtwoord lang genoeg? Heeft de speler geen levens meer? Is het vandaag weekend? Elke vraag heeft één van twee antwoorden, die JavaScript weergeeft met de twee booleanwaarden true en false. Booleans zijn genoemd naar George Boole, de negentiende-eeuwse wiskundige die een algebra van waar en onwaar uitwerkte. Op zichzelf zijn ze niet erg spannend, maar ze maken het mogelijk dat een programma beslissingen neemt. Dat komt in het volgende hoofdstuk aan bod.

Vergelijkingsoperatoren

Een vergelijking neemt twee waarden en levert een boolean op. Hieronder staan de zes die je het meest gebruikt. Merk op dat ‘gelijk’ met drie gelijktekens wordt geschreven, omdat één = al ‘sla een waarde op’ betekent.

Net als een berekening is een vergelijking een expressie, dus je kunt haar afdrukken of in een variabele opslaan: const isAdult = age >= 18; zet true of false in isAdult, afhankelijk van de leeftijd. Namen van booleanvariabelen beginnen vaak met is, has of can, waardoor de code leest als een vraag.

Waarom === en niet ==

JavaScript heeft ook een dubbel gelijkteken, ==, losse gelijkheid genoemd. Vóór het vergelijken probeert het beide kanten naar hetzelfde type om te zetten, wat lastig voorspelbare resultaten oplevert: 5 == "5" is true en 0 == "" ook. Het drievoudige gelijkteken ===, strikte gelijkheid, zet nooit om. Als de typen verschillen, is het antwoord gewoon false. MDN en de meeste stijlgidsen bevelen === en !== aan voor dagelijkse code en in deze cursus gebruik je die overal.

console.log(5 === 5);      // true
console.log(5 === "5");    // false
// loose equality, best avoided:
console.log(5 == "5");     // true
console.log("cat" !== "dog"); // true

Je kunt ook strings vergelijken. === controleert of twee strings exact dezelfde tekens hebben, inclusief hoofdletters, dus "Yes" === "yes" is false. De operatoren < en > vergelijken strings teken voor teken met hun tekencodes, wat voor woorden in kleine letters dicht bij woordenboekvolgorde ligt: "apple" < "banana" is true. Hoofdletters komen in die volgorde vóór alle kleine letters, dus "Zebra" < "apple" is ook true.

Antwoorden combineren met &&, || en !

Echte vragen bestaan vaak uit meerdere delen. Een attractie kan een lengte van minstens 120 cm en een leeftijd van minstens 8 vereisen. JavaScript verbindt booleanantwoorden met logische operatoren. && (en) is alleen true als beide kanten true zijn. || (of) is true als minstens één kant true is. ! (niet) keert een boolean om, dus !true is false.

const height = 130;
const age = 7;
console.log(height >= 120 && age >= 8);   // false
console.log(height >= 120 || age >= 8);   // true
console.log(!(age >= 8));                 // true

Uitgewerkt voorbeeld. Valt een dag in het weekend? day === "Sat" || day === "Sun". Merk op dat je day === aan beide kanten moet herhalen. day === "Sat" || "Sun" schrijven klinkt natuurlijk in het Engels, maar doet niet wat je bedoelt, omdat "Sun" op zichzelf geen vergelijking is. Vergelijkingen worden vóór && en || uitgerekend, dus height >= 120 && age >= 8 heeft geen extra haakjes nodig, al kan toevoegen nooit kwaad.

Nog een idee dat je later tegenkomt: als JavaScript een boolean nodig heeft maar een andere waarde krijgt, behandelt het enkele waarden als false. Deze falsy-waarden zijn false, 0, de lege string "", null, undefined en NaN. Al het andere, inclusief de strings "0" en "false", telt als true.