Skip to main content
4 de 4
se añadieron 53 caracteres en el cuerpo

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 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:

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 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

Eviten usar Estas PRACTICAS ... de Programación ...