blob: ba45dffaae58a089db964dd95ab09e9480c0ee03 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
---
title: Égalité stricte (===)
slug: Web/JavaScript/Reference/Operators/Strict_equality
tags:
- JavaScript
- Language feature
- Operator
- Reference
browser-compat: javascript.operators.strict_equality
translation-of: Web/JavaScript/Reference/Operators/Strict_equality
---
<div>{{jsSidebar("Operators")}}</div>
<p>L'opérateur d'égalité stricte (<code>===</code>) vérifie si ses deux opérandes sont égaux et renvoie un booléen correspondant au résultat. À la différence de <a href="/fr/docs/Web/JavaScript/Reference/Operators/Equality">l'opérateur d'égalité</a>, l'opérateur d'égalité stricte considère toujours des opérandes de types différents comme étant différents.</p>
<div>{{EmbedInteractiveExample("pages/js/expressions-strict-equality.html")}}</div>
<h2 id="syntax">Syntaxe</h2>
<pre class="brush: js">
x === y
</pre>
<h2 id="description">Description</h2>
<p>Les opérateurs d'égalité stricte (<code>===</code> et <code>!==</code>) utilisent <a href="https://www.ecma-international.org/ecma-262/5.1/#sec-11.9.6">l'algorithme de comparaison d'égalité stricte</a> pour comparer deux opérandes.</p>
<ul>
<li>Si les opérandes sont de types différents, on renvoie <code>false</code>.</li>
<li>Si les deux opérandes sont des objets, on renvoie <code>true</code> uniquement s'ils réfèrent au même objet.</li>
<li>Si les deux opérandes valent <code>null</code> ou si les deux opérandes valent <code>undefined</code>, on renvoie <code>true</code>.</li>
<li>Si au moins l'un des opérandes vaut <code>NaN</code>, on renvoie <code>false</code>.</li>
<li>Sinon, on compare la valeur des deux opérandes :
<ul>
<li>Les nombres doivent avoir la même valeur. <code>+0</code> and <code>-0</code> sont considérés comme égaux.</li>
<li>Les chaînes de caractères doivent avoir les mêmes caractères, dans le même ordre.</li>
<li>Les booléens doivent avoir la même valeur (tous les deux <code>true</code> ou tous les deux <code>false</code>).</li>
</ul>
</li>
</ul>
<p>La différence fondamentale avec <a href="/fr/docs/Web/JavaScript/Reference/Operators/Equality">l'opérateur d'égalité</a> (<code>==</code>) est que, lorsque les opérandes sont de types différents, <code>==</code> tentera une conversion vers un type commun avant la comparaison.</p>
<h2 id="examples">Exemples</h2>
<h3 id="comparing_operands_of_the_same_type">Comparaison d'opérandes de même type</h3>
<pre class="brush: js">
console.log("hello" === "hello"); // true
console.log("hello" === "hola"); // false
console.log(3 === 3); // true
console.log(3 === 4); // false
console.log(true === true); // true
console.log(true === false); // false
console.log(null === null); // true
</pre>
<h3 id="comparing_operands_of_different_types">Comparaison d'opérandes de types différents</h3>
<pre class="brush: js">
console.log("3" === 3); // false
console.log(true === 1); // false
console.log(null === undefined); // false
</pre>
<h3 id="comparing_objects">Comparaison d'objets</h3>
<pre class="brush: js">
const objet1 = {
name: "coucou"
}
const objet2 = {
name: "coucou"
}
console.log(objet1 === objet2); // false
console.log(objet1 === objet1); // true
</pre>
<h2 id="specifications">Spécifications</h2>
<p>{{Specifications}}</p>
<h2 id="browser_compatibility">Compatibilité des navigateurs</h2>
<p>{{Compat}}</p>
<h2 id="see_also">Voir aussi</h2>
<ul>
<li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Inequality">L'opérateur d'inégalité</a></li>
<li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Equality">L'opérateur d'égalité</a></li>
<li><a href="/fr/docs/Web/JavaScript/Reference/Operators/Strict_inequality">L'opérateur d'inégalité stricte</a></li>
</ul>
|
