Verschil tussen =, == en === in JavaScript [Voorbeelden]

Wat is = binnen JavaScript?

Equal to (=) is een toewijzingsoperator, die de variabele links van de = instelt op de waarde van de expressie die rechts ervan staat. Deze operator wijst lvalue toe aan rvalue.

Het schrijven van a=10 is bijvoorbeeld prima. Als we 10=10, 'a' = 10 of 'a' = 'a' schrijven, resulteert dit in een referentiefout.

Wat zit == in JavaScript?

Double equals (==) is een vergelijkingsoperator die de operanden van hetzelfde type transformeert vóór de vergelijking.

Dus als je string vergelijkt met een getal, JavaScript converteert elke string naar een getal. Een lege string wordt altijd geconverteerd naar nul. Een string zonder numerieke waarde wordt geconverteerd naar NaN (Not a Number), wat false retourneert.

Wat zit === in JavaScript?

=== (Triple equals) is een strikte gelijkheidsvergelijkingsoperator in JavaScript, dat false retourneert voor de waarden die niet van een soortgelijk type zijn. Deze operator voert typecasting uit voor gelijkheid. Als we 2 vergelijken met "2" met behulp van ===, dan retourneert het een false-waarde.

Waarom gebruiken = in JavaScript?

Hier zijn de belangrijke toepassingen van = in JavaScript:


= JavaScript operator wijst een waarde toe aan de linker operand afhankelijk van de waarde van de operand die beschikbaar is aan de rechterkant. De eerste operand moet een variabele zijn.

De basistoewijzingsoperator is =, die de waarde van de ene operand aan de andere toewijst. Dat wil zeggen, a = b wijst de waarde van b toe aan a.

Waarom == in gebruiken JavaScript?

Hier zijn de belangrijke toepassingen van == in Javascript:

De operator == is een gelijkheidsoperator. Deze controleert of de twee operanden hetzelfde zijn of niet door de expressie van het ene gegevenstype naar het andere te veranderen. U kunt de operator == gebruiken om de identiteit van twee operanden te vergelijken, ook al zijn ze niet van hetzelfde type.

Hoe === Werkt precies?

  • Strikte gelijkheid === controleert of twee waarden hetzelfde zijn of niet.
  • Waarde wordt vóór vergelijking niet impliciet omgezet in een andere waarde.
  • Als de variabele waarden van verschillende typen zijn, worden de waarden als ongelijk beschouwd.
  • Als de variabelen van hetzelfde type zijn, niet numeriek zijn en dezelfde waarde hebben, worden ze als gelijk beschouwd.
  • Als beide variabelen getallen zijn, worden ze als gelijk beschouwd als ze niet NaN (Not a Number) zijn en dezelfde waarde hebben.

Voorbeeld van =

In het onderstaande programma zijn er twee variabelen “a” en “b”. We voegen hun waarden toe en drukken deze af met behulp van een derde variabele, “c”. De som van de waarde van variabele “a” en “b” is 7. Daarom is de uitvoer 7.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

 <p>a = 2, b = 5, calculate c = a + b, and display c:</p> 

<p id="demonstration"></p>

<script>
var a = 2;
var b = 5;
var c= a + b;
document.getElementById("demonstration").innerHTML = c;
</script>

</body>
</html>


Output:

a = 2, b = 5, bereken c = a + b, en geef c weer:

7

Voorbeeld van ==

In het onderstaande programma hebben we één variabele “a” gedeclareerd met waarde 10. Ten slotte retourneert de instructie a == 20 false omdat de waarde van a 10 is.

<!DOCTYPE html>
<html>
<body>

<p id="demonstration"></p>

<script>
  var a = 10;
  document.getElementById("demonstration").innerHTML = (a == 20);
</script>

</body>
</html>

Output:

vals

Voorbeeld van ===

In het onderstaande programma is de waarde van variabele x 10. Deze wordt vergeleken met 10 geschreven tussen dubbele aanhalingstekens, wat wordt beschouwd als een snaaren daarom zijn de waarden niet strikt hetzelfde. De uitvoer van het programma is vals.

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>

  var x = 10;
  document.getElementById("demo").innerHTML = (x === "10");

</script>

</body>
</html>

Output:

vals

= Vs == VS === in JavaScript

Dit zijn de belangrijke verschillen tussen =, == en ===

= == ===
= binnen JavaScript wordt gebruikt om waarden aan een variabele toe te wijzen. == binnen JavaScript wordt gebruikt om twee variabelen te vergelijken, maar negeert het gegevenstype van de variabele. === wordt gebruikt om twee variabelen te vergelijken, maar deze operator controleert ook het gegevenstype en vergelijkt twee waarden.
Dit wordt een toewijzingsoperator genoemd Het wordt een vergelijkingsoperator genoemd Het wordt ook wel vergelijkingsoperator genoemd
De toewijzingsoperator kan evalueren naar de toegewezen waarde Controleert de gelijkheid van twee operanden zonder rekening te houden met hun type. Vergelijkt de gelijkheid van twee operanden met hun typen.
Het retourneert niet waar of onwaar Retourneert true als de twee operanden gelijk zijn. Retourneert false als de twee operanden niet gelijk zijn. Het retourneert alleen waar als zowel de waarden als de gegevenstypen hetzelfde zijn voor de twee variabelen.
= wijs eenvoudigweg de ene waarde van de variabele toe aan een andere. == typecorrectie uitvoeren op basis van waarden van variabelen. === houdt rekening met het type variabele.
= vergelijkt de waarde van variabelen helemaal niet. De == controleert alleen op gelijkheid nadat de noodzakelijke gesprekken zijn gevoerd. Als twee variabelewaarden niet vergelijkbaar zijn, voert === geen enkele conversie uit.

BELANGRIJKSTE VERSCHILLEN

  • = wordt gebruikt om waarden aan een variabele toe te wijzen, == wordt gebruikt om twee variabelen te vergelijken, maar negeert het gegevenstype van de variabele, terwijl === wordt gebruikt om twee variabelen te vergelijken, maar deze operator controleert ook het gegevenstype en vergelijkt twee waarden.
  • = wordt de toewijzingsoperator genoemd, == wordt de vergelijkingsoperator genoemd, terwijl het ook de vergelijkingsoperator wordt genoemd.
  • = retourneert niet true of false, == retourneert alleen true als de twee operanden gelijk zijn, terwijl === alleen true retourneert als beide waarden en gegevenstypen voor de twee variabelen hetzelfde zijn.