no soy experto en javascript pero he hecho algunos analisis de datos en donde he implementado [coercion][1] y [operadores unarios][2] 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 en `0`. `!+[]`: - `+[]` es `0`. - Usar el operador `!` en `0` convierte `0` en un valor booleano. `!0` es true porque `0` es un valor `falsy` en JavaScript. `!+[]+!+[]`: - Ya sabemos que `!+[]` es `true`. - Otra vez, `!+[]` es `true`. - Así que, `true + true` se convierte en `1 + 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: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> 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"); } <!-- end snippet --> **posible Ambiguedad/Confución:** En este ejemplo podras ver que entra a la dos condicionales: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> let a = []; console.log(a); if(a){ console.log( "true" ); } if(a == false){ console.log( "false" ); } <!-- end snippet --> 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 un `objeto`, y los objetos son considerados `truthy`. Esto significa que cualquier `objeto`, incluyendo *arrays vacíos*, se evaluará como `true` 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 de `objeto`) con un `valor 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][3] # Eviten usar Estas PRACTICAS ... de Programación ... [1]: https://developer.mozilla.org/es/docs/Glossary/Type_coercion [2]: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Operators/Unary_plus [3]: https://developer.mozilla.org/es/docs/Web/JavaScript/Equality_comparisons_and_sameness