no soy experto en javascript pero he hecho algunos analisis de datos en donde he implementado coercion y operadores unarios veamos que es esto:
Que es Coerción:
La coerción es la conversión automática o implicita de valores de un tipo de dato a otro (Ejemplo: de cadena de texto a número). La conversión es similar a la coerción porque ambas convierten valores de un tipo de dato a otro pero con una diferencia clave - la coerción es implícita mientras que la conversión puede ser implícita o explícita.
Que son operadores unarios:
El operador unario más (+) precede a su operando y evalúa a su operando intentando convertirlo en un número, si aún no lo es.
El condicional if (!+[]+!+[] == 2)
en JavaScript es un ejemplo de una técnica ingeniosa y confusa para manipular valores usando operadores unarios y coerción de tipos (no lo recomiendo por que es dificil de mantener y darle seguimiento, escalabilidad).
+[]
:
[]
es un array vacío.- Usar el operador unario
+
en un array vacío convierte el array a un número. En este caso,+[]
se convierte en0
.
!+[]
:
+[]
es0
.- Usar el operador
!
en0
convierte0
en un valor booleano.!0
es true porque0
es un valorfalsy
en JavaScript.
!+[]+!+[]
:
- Ya sabemos que
!+[]
estrue
. - Otra vez,
!+[]
estrue
. - Así que,
true + true
se convierte en1 + 1
debido a la coerción de tipo (el operador + convierte true a 1).
Comparación con 2:
Entonces, !+[]+!+[]
se convierte en 1 + 1
, que es 2
.
Finalmente, 2 == 2
es true
.
Ahora veamos unos ejemplos practicos de todo lo anterior:
console.log(+[]); // 0
console.log(!+[]); // true
console.log(+[]+!+[]); // 0 + true
console.log(0 + true); // 0 + 1
console.log(0 + 1); // 1
console.log(!+[] + !+[]); // true + true
console.log(1 + 1); // 2
if (!+[] + !+[] == 2) {
console.log("Se cumple la condición");
} else {
console.log("No se cumple la condición");
}
posible Ambiguedad/Confución:
En este ejemplo podras ver que entra a la dos condicionales:
let a = [];
console.log(a);
if(a){
console.log( "true" );
}
if(a == false){
console.log( "false" );
}
En javascript las evaluaciones de condiciones y comparaciones de igualdad pueden ser un poco confusas debido a la coerción de tipos.
Vemos algunos puntos claves y detalles a tomar en cuenta:
if(a)
- En JavaScript, un
array
(aunque esté vacío) es unobjeto
, y los objetos son consideradostruthy
. Esto significa que cualquierobjeto
, incluyendo arrays vacíos, se evaluará comotrue
en un contexto booleano.
if(a == false)
Aquí es donde entra la coerción de tipos:
Cuando comparas un
objeto
(a es un array, que es un tipo deobjeto
) con unvalor primitivo
(false
), JavaScript intenta convertir el objeto a un valor primitivo antes de hacer la comparación.El array vacío [] se convierte a una
string
vacío "" cuando se compara con un valor primitivo.Luego, la string vacío "" se convierte a
false
en la comparación con false.
Así que la comparación a == false
se convierte en "" == false
, lo cual es true porque:
""
(string vacío) es un valor falsy
.
false
es también un valor falsy
.
Comparando dos valores falsy
con ==
resulta en true
.
Comparadores de igualdad e identidad