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
101
|
---
title: Igualdad Estricta (===)
slug: Web/JavaScript/Referencia/Operadores/Strict_equality
translation_of: Web/JavaScript/Reference/Operators/Strict_equality
---
<div>{{jsSidebar("Operators")}}</div>
<p>El operador de estricta igualdad (<code>===</code>) revisa si dos operandos son iguales y produce un resultado Booleano. A diferencia del operador de igualdad regular (==), el operador de estricta igualdad siempre considera que los operandos de distinto tipo de valor son diferentes y nunca similares.</p>
<div>{{EmbedInteractiveExample("pages/js/expressions-strict-equality.html")}}</div>
<div class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> and send us a pull request.</div>
<h2 id="Sintaxis">Sintaxis</h2>
<pre class="syntaxbox notranslate">x === y</pre>
<h2 id="Descripción">Descripción</h2>
<p>Los operadores de estricta igualdad (<code>===</code> y <code>!==</code>) usan el <a class="external external-icon" href="http://www.ecma-international.org/ecma-262/5.1/#sec-11.9.6" rel="noopener">Algoritmo Estricto Comparativo de Igualdad </a> para comparar dos operandos:</p>
<ul>
<li>Si los operandos son de diferente tipo de valor, produce <code>false</code>.</li>
<li> Si ambos operandos son objetos, produce <code>true</code> solo si se refiere al mismo objeto.</li>
<li>Si ambos operandos son de tipo <code>null</code> o ambos operandos son <code>undefined</code>, produce <code>true</code>.</li>
<li>Si cualquier operando es de tipo <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">NaN</span></font>, produce <code>false</code>.</li>
<li>En otros casos, compara los valores de ambos operandos:
<ul>
<li>Los números deben tener el mismo valor numérico, aunque <code>+0</code> y <code>-0</code> son considerados como del mismo valor.</li>
<li>Los strings deben tener los mismos caracteres en el mismo orden.</li>
<li>Los booleanos deben ambos ser <code>true</code> o ambos ser <code>false</code>.</li>
</ul>
</li>
</ul>
<p>La diferencia más notable entre este operador y el operador de <a href="/en-US/docs/Web/JavaScript/Reference/Operators/Equality">igualdad</a> regular (<code>==</code>) es que si los operandos son de distinto tipo de valor, el operador <code>==</code> intenta convertir los valores a un mismo tipo de dato antes de compararlos.</p>
<h2 id="Ejemplos">Ejemplos</h2>
<h3 id="Comparando_operandos_del_mismo_tipo">Comparando operandos del mismo tipo</h3>
<pre class="brush: js notranslate">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="Comparando_operandos_de_distinto_tipo">Comparando operandos de distinto tipo</h3>
<pre class="brush: js notranslate">console.log("3" === 3); // false
console.log(true === 1); // false
console.log(null === undefined); // false</pre>
<h3 id="Comparando_objetos">Comparando objetos</h3>
<pre class="brush: js notranslate">const object1 = {
name: "hello"
}
const object2 = {
name: "hello"
}
console.log(object1 === object2); // false
console.log(object1 === object1); // true</pre>
<h2 id="Especificaciones">Especificaciones</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('ESDraft', '#sec-equality-operators', 'Equality operators')}}</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidad_entre_exploradores">Compatibilidad entre exploradores</h2>
<p>{{Compat("javascript.operators.strict_equality")}}</p>
<h2 id="También_revisa">También revisa</h2>
<ul>
<li><a href="/es/docs/Web/JavaScript/Reference/Operators/Equality">Operador de igualdad</a></li>
<li><a href="/es/docs/Web/JavaScript/Reference/Operators/Inequality">Operador de desigualdad</a></li>
<li><a href="/es/docs/Web/JavaScript/Reference/Operators/Strict_inequality">Operador de estricta desigualdad</a></li>
</ul>
|
