Menu
I don't understand why these two operators exist. In case of boolean comparison both == and === seem to work, but in case of enum comparison only '==' works:
<div class="interventionGroup">
<div class="interventionGroupHeader transition_1s" (click)="onClickHeader()">
{{GroupName}}
<div *ngIf="expanded == true" class="expand-icon"><i class="material-icons">expand_less</i></div> <!-- WORKS -->
<div *ngIf="expanded === false" class="expand-icon"><i class="material-icons expand-icon">expand_more</i></div> <!-- WORKS -->
</div>
<button *ngIf="GroupType == GroupTypeEnum.mesInterventions">dfdsfsd</button> <!-- WORKS -->
<div style="list-style-type:none" *ngIf="expanded === true">
<div *ngFor="let intervention of interventions"
(click)="onClick(intervention)">
<intervention-button [intervention]="intervention"></intervention-button>
</div>
</div>
</div>
305
The difference between == and === is that: == converts the variable values to the same type before performing comparison. This is called type coercion. === does not do any type conversion (coercion) and returns true only if both values and types are identical for the two variables being compared.
=== is used for comparision between two variables but this will check strict type, which means it will check datatype and compare two values.
The strict equality operator ( === ) checks whether its two operands are equal, returning a Boolean result. Unlike the equality operator, the strict equality operator always considers operands of different types to be different.
The main difference between the == and === operator in javascript is that the == operator does the type conversion of the operands before comparison, whereas the === operator compares the values as well as the data types of the operands.
In javascript, the operator '==' only check equality and '===' check type and equality
0 == '0' => true
0 === '0' => false
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
