`Waarachtige` en `Valse` waarden in JavaScript

Dit artikel legt truthy en falsy in JavaScript uit.

YouTube Video

Waarachtige en Valse waarden in JavaScript

De concepten van waarachtige en valse waarden in JavaScript spelen een grote rol, vooral bij de evaluatie van voorwaardelijke statements. Waarachtige en valse waarden bepalen of een waarde wordt geëvalueerd als waar (true) of onwaar (false), maar deze waarden zijn niet per se de booleaanse true of false zelf.

Valse Waarden

Valse waarden verwijzen naar waarden die als onwaar worden geëvalueerd in JavaScript-voorwaardelijke statements. Hieronder staat een lijst met valse waarden in JavaScript.

 1const values = [
 2    false,
 3    0,
 4    -0,
 5    0.0,
 6    -0.0,
 7    0n,
 8    -0n,
 9    "",
10    null,
11    undefined,
12    NaN
13];
14
15for (let value of values) {
16    if (value) {
17        console.log(`${value} is truthy`);
18    } else {
19        console.log(`${value} is falsy`);
20    }
21}

In dit voorbeeld worden alle valse waarden weergegeven als "vals". Hieronder staat een lijst met valse waarden in JavaScript.

• false — false in Booleaanse type
• 0 — Het getal nul (decimaal 0.0 is ook falsy)
• -0 — Negatieve nul (technisch gezien verschillend van 0, maar nog steeds falsy)
• 0n — Nul in BigInt-type
• "" — Een lege string met lengte 0
• null — Geen waarde aanwezig
• undefined — Ongedefinieerde waarde
• NaN — Geen nummer

Deze waarden worden behandeld als onwaar in logische bewerkingen en voorwaardelijke statements (zoals if statements).

Waarachtige Waarden

Alle waarden die niet vals zijn, zijn waarachtig. Dit verwijst naar waarden die worden geëvalueerd als booleaanse true. In JavaScript worden veel waarden behandeld als waarachtig.

 1const values = [
 2    true,
 3    1,
 4    -1,
 5    "Hello",
 6    " ",
 7    [],
 8    {},
 9    function() {},
10    Symbol(),
11    Infinity
12];
13
14for (let value of values) {
15    if (value) {
16        console.log(value, ' is truthy');
17    } else {
18        console.log(value, ' is falsy');
19    }
20}

In deze code worden truthy waarden weergegeven als "truthy". Bijvoorbeeld, de volgende waarden zijn truthy.

• true — true in Booleaanse type
• Getallen (anders dan 0) — Bijvoorbeeld, 1 en -1 zijn ook truthy.
• Strings (niet leeg) — bijvoorbeeld, "Hello" of " " (zelfs strings met alleen spaties zijn truthy)
• Objecten — Zelfs lege objecten ({}) en arrays ([]) zijn truthy.
• Functies — Functies zelf zijn ook truthy.
• Symbol — Waarden van het type Symbol zijn ook truthy.
• Infinity — Zowel positieve als negatieve oneindigheid zijn truthy.

Toepassingen van truthy en falsy

De concepten truthy en falsy worden vaak gebruikt in conditionele en logische operaties. Bijvoorbeeld, bij het instellen van een standaardwaarde met de || (logische OF) operator, wordt de eerste truthy waarde geretourneerd als resultaat.

Hoe falsy waarden te controleren

Om falsy waarden te controleren, is het handig om de Boolean functie te gebruiken. De Boolean functie converteert een opgegeven waarde expliciet naar een booleaanse type.

Voorbeelden van de Boolean functie

 1const values = [
 2    false,
 3    0,
 4    "",
 5    null,
 6    undefined,
 7    NaN
 8];
 9
10for (let value of values) {
11    console.log(`${value} is ${Boolean(value) ? 'truthy' : 'falsy'}`);
12}

Conclusie

Truthy en falsy in JavaScript zijn belangrijk om te begrijpen hoe niet-booleaanse waarden worden geëvalueerd in conditionele expressies. Falsy waarden omvatten false, 0, een lege string, null, undefined, en NaN, terwijl alle andere waarden worden geëvalueerd als truthy. Het begrijpen van deze concepten stelt je in staat om flexibelere en efficiëntere code te schrijven.

Je kunt het bovenstaande artikel volgen met Visual Studio Code op ons YouTube-kanaal. Bekijk ook het YouTube-kanaal.

YouTube Video