Operadores de Comparación en JavaScript: Igualdad y Desigualdad

Clase 10 de 55 • Curso de Fundamentos de JavaScript

Resumen

¿Qué es la ejecución condicional en programación?

La ejecución condicional es un concepto clave en programación que nos permite tomar diferentes caminos en nuestro código según ciertas condiciones. Esto se logra mediante el uso de operadores de comparación, los cuales evalúan expresiones para determinar si son verdaderas o falsas. Esta evaluación nos facilita la toma de decisiones dentro del código, permitiendo ejecutar ciertas partes solo si las condiciones establecidas se cumplen.

¿Qué son los operadores de comparación?

Los operadores de comparación son herramientas esenciales en el desarrollo de software que permiten comparar dos valores. Dependiendo de la comparación realizada, estas herramientas devuelven un valor booleano (verdadero o falso).

¿Cómo usar los operadores de igualdad?

Existen dos tipos principales de operadores de igualdad:

Dos iguales (==): Este operador verifica si dos valores son iguales. Sin embargo, no considera el tipo de dato. Es decir, puede determinar que un número y un string son iguales si ambos representan el mismo valor numérico.

10 == "10" // Devuelve true

Tres iguales (===): Este operador, más estricto, verifica tanto el valor como el tipo de dato. Es una buena práctica utilizar este operador, ya que evita errores al asegurarse de que tanto el valor como el tipo sean idénticos.

10 === "10" // Devuelve false

¿Cómo funcionan los operadores de desigualdad?

Al igual que los operadores de igualdad, existen dos operadores que manejan la desigualdad:

Diferente (!=): Este operador comprueba si dos valores no son iguales, sin considerar el tipo de dato.

10 != "20" // Devuelve true

Diferente estricto (!==): Valida que tanto el valor como el tipo de dato sean diferentes.

10 !== "10" // Devuelve true

¿Cuándo se utilizan los operadores de mayor y menor?

Estos operadores nos ayudan a comparar valores para identificar cuál es mayor o menor, además de sus combinaciones con igualdad:

Mayor (>): Verifica si un valor es mayor que otro.

20 > 10 // Devuelve true

Menor (<): Verifica si un valor es menor que otro.

10 < 20 // Devuelve true

Mayor o igual (>=): Comprueba si un valor es mayor o igual a otro.

10 >= 10 // Devuelve true

Menor o igual (<=): Revisa si un valor es menor o igual a otro.

5 <= 10 // Devuelve true

¿Cómo aplicar operadores de comparación en la práctica?

Veamos un ejemplo práctico usando JavaScript.

Declaración de variables

Primero, declararemos algunas constantes que utilizaremos para nuestras comparaciones:

const A = 10;
const B = 20;
const C = "10";

Ejemplo de comparaciones

Validar igualdad de valores:

A == B // Devuelve false
A === C // Devuelve false

Validar desigualdad de valores:

A != B // Devuelve true
A !== C // Devuelve true

Evaluar operadores mayor y menor:

A > B // Devuelve false
A < B // Devuelve true
A >= C // Devuelve false
A <= B // Devuelve true

Estos ejemplos ilustran cómo los operadores de comparación te permiten tomar decisiones basadas en las condiciones definidas, lo que es esencial en la programación para la creación de flujos lógicos.

¡No dejes de explorar y experimentar con estos operadores para dominar cómo las condiciones pueden manipular el flujo de tu código y tomar decisiones programáticas efectivas!

Arnol Daniel Degollado Garrocho

student•

Platzi Team

student•

Operadores de comparacion

Los operadores de comparación en JavaScript se utilizan para comparar dos valores y devolver un resultado booleano (true o false).

Igualdad (==):Compara dos valores para ver si son iguales, pero sin tener en cuenta el tipo de datos.
Igualdad estricta (===): Compara dos valores para ver si son iguales y del mismo tipo de datos.
Desigualdad (!=): Compara dos valores para ver si son diferentes, pero sin tener en cuenta el tipo de datos.
Desigualdad estricta (!==): Compara dos valores para ver si son diferentes o de diferentes tipos de datos.
Mayor que (>): Verifica si el valor de la izquierda es mayor que el valor de la derecha.

5 == "5" // true 5 === "5" // false 5 === 5 // true 5 != "5" // false 5 != 6 // true 5 !== "5" // true 5 !== 5 // false 6 > 5 // true 5 > 5 // false 6 >= 5 // true 5 >= 5 // true 4 < 5 // true 5 < 5 // false 4 <= 5 // true 5 <= 5 // true

Mayor o igual que (>=): Verifica si el valor de la izquierda es mayor o igual que el valor de la derecha.
Menor que (<): Verifica si el valor de la izquierda es menor que el valor de la derecha.
Menor o igual que (<=):Verifica si el valor de la izquierda es menor o igual que el valor de la derecha.

Conversión de tipos implícita: Los operadores == y != realizan conversiones de tipo implícitas antes de la comparación. Por ejemplo, 5 == "5" es true porque JavaScript convierte la cadena "5" en el número 5 antes de compararlos.

Carolina Franco

student•

Muchas gracias

Juan David Crespo Carrillo

student•

en realidad JS no convierte "5" en numero si no que convierte el 5 en string y ahí si hace la comparación, si en realidad pasa esto en ==, según la teoría no tiene en cuenta en tipo de datos y ya esta

Argenis Valdez

student•

Espero que les ayude

Michael Andres Rincon Garcia

student•

como cuando llegas a clase y botaron a la profe xd

Gabriel Hernan Ordoñez Achury

student•

😅😅😅

Viviana Díaz Duran

student•

Faltan 2 clases, verdad?

JYCC CONSULTORES

student•

Parece que es una sola "Conversión de tipos implícita y explicita"

YHASSIR ABDAL VALDEZ VILASECA

student•

En todo caso es una clase, esta en la versión antigua y es esta: https://platzi.com/home/clases/8617-javascript-fundamentos/66449-conversion-de-tipos-explicita-e-implicita/

Jhosell

student•

Hay un problema con la clase 9 y 10 no cargan, se salta hasta esta clase

Alejandro Mantilla

student•

Mis apuntes

Hector Maluy Fernandez

student•

Alejandro Rafael Soto Medina

student•

este curso lo recortaron, a comparación del de javascrtipt desde cero... tengo que preocuparme por eso?

es decir, que si los tema omitieron en este tendré que reforzarlo mas adelante?

Platzi

student•

Mi recomendación es que te sigas informando de qué es lo nuevo que va a venir en JavaScript y que vayas viendo qué cosas están trabajando para que puedas estar preparado.

Christopher Andrés Guano Valencia

student•

Siempre debes estar aprendiendo JavaScript, las bases se explican en este curso con diferentes actualizaciones en la forma de enseñar cada tema.

También puedes hacer proyectos o revisar código de alguien más en GitHub.

¡Nunca pares de aprender! 🚀🚀

Otoniel Josue Sanchez Guerrero

student•

¡Consulta! ¿Cómo puedo mover o quitar los comentarios? Sé que son importantes para consultar o aportar a la comunidad, pero para estudiar me quitan área en la pantalla y no veo el código con claridad.

Hace falta la opción de establecer el video a todo lo ancho de la pantalla, independientemente del tamaño de la misma, así como en Youtube.

¿Alguna idea? ¿Existe alguna forma de hacerlo?

YHASSIR ABDAL VALDEZ VILASECA

student•

No aun, pero seria interesante un botón para poder ocultar los comentarios o volverlos a mostrar.

JYCC CONSULTORES

student•

Por favor me explican por qué es mejor o peor la consola del navegador que la terminal del VSC para correr el código?

Jose Ever Muñoz Muñoz

student•

es lo mismo, solo hay que ver cual te gusta mas o te resulta mas comoda

Christopher Andrés Guano Valencia

student•

Son lo mismo, aunque debes tener en cuenta el ambiente de ejecución.

En la consola del navegador, estás ejecutando código que puede interpretar el navegador.
En la consola del navegador, estás ejecutando tu código en tu computadora donde está ejecutándose un intérprete llamado Node.

Por ejemplo, window funciona en la consola del navegador, pero no en tu terminal, en el contexto de Node deberías utilizar global. Y así sucesivamente con tu código de JavaScript.

¡Nunca pares de aprender! 🚀🚀

Tino Ponce

student•

¿Ya vieron lo que pasa si ponen a == c y da como resultado true siendo ambos diferentes tipos de datos?

Christopher Andrés Guano Valencia

student•

Exactamente, en JavaScript, == es el operador de comparación de igualdad débil. Se utiliza para comparar dos valores y determinar si son "iguales" en valor, pero sin tener en cuenta el tipo de dato.

Esto significa que JavaScript realizará una conversión de tipo automática (coerción) si los tipos de los valores son diferentes antes de hacer la comparación.

¡Nunca pares de aprender! 🚀

Hugo Alvarez

student•

a == c solo compara el valor de las dos constantes, no su tipo de dato, y como las dos const son 10, pues es true.

yulieth.daza

student•

como une la consola del navegador a lo que se tiene en visual studio code ?

donde explica eso?

unabase software

student•

No las une, solo coloco la pestaña de chrome al lado, por eso definio las variables al inicio

Hugo Alvarez

student•

Abres el navegador de Google Chrome, luego el inspector de páginas, haces click en consola, luego reduces el width de la página hasta que te quede del tamaño que muestra el Profe, mueves la página de Platzi a la derecha y colocas la consola de google pegada a la izquierda para que llenen toda la pantalla y...!Liiiiiistooooo!

Calvin Rafael Bobadilla Fernandez

student•

MIS APUNTES:

Anmel Kevin Guevara Deza

student•

donde encuentro la consola?

Emilio Flor

student•

si estás en el navegador con f12 en donde dice consola o console.

sino en la terminal de tu editor de código que supongo será vscode si hiciste como se muestra en las clases anteriores. En ese caso el console.log se muestra en terminal

David Rangel

student•

Las comparaciones entre tipo string y tipo number no las corre ts-node (sé que este curso no es de TS pero es muy similar a JS)

luis porteles

student•

// ===============================
// OPERADORES DE COMPARACIÓN EN JAVASCRIPT
// ===============================

const A = 10;      // A es un número entero
const B = 20;      // B es otro número entero mayor que A
const C = "10";    // C es un string que representa el número 10

// == Compara solo el valor, no el tipo
console.log(A == B);      // false: 10 no es igual a 20
console.log(A == C);      // true: el valor "10" (string) es igual a 10 (número), el tipo se ignora

// === Compara tanto el valor como el tipo de dato
console.log(A === C);     // false: 10 (number) NO es igual a "10" (string)

// != Compara si los valores son diferentes, sin importar el tipo
console.log(A != B);      // true: 10 es diferente a 20
console.log(A != C);      // false: 10 y "10" se consideran iguales en valor

// !== Compara si los valores o los tipos son diferentes
console.log(A !== C);     // true: 10 y "10" son diferentes en tipo (number vs string)

// > Compara si A es mayor que B
console.log(A > B);       // false: 10 no es mayor que 20

// < Compara si A es menor que B
console.log(A < B);       // true: 10 es menor que 20

// <= Compara si A es menor o igual que B
console.log(A <= B);      // true: 10 sí es menor o igual que 20

// >= Compara si A es mayor o igual que C
// JavaScript convierte "10" (string) a número para esta comparación
console.log(A >= C);      // true: 10 es igual a "10" después de conversión implícita

==: Igualdad de valor. No compara el tipo.
===: Igualdad estricta (valor + tipo). Compara el tipo.
!=: Diferente en valor. No compara el tipo.
!==: Diferente en valor o tipo. Compara el tipo.
>: Mayor que. Compara el tipo (realiza conversión si es necesario).
<: Menor que. Compara el tipo.
>=: Mayor o igual que. Compara el tipo.
<=: Menor o igual que. Compara el tipo.

Fernando Emilio Díaz López

student•

Con relacion a la conversion de tipos de clases pasadas, esta aplica tambien a los operadores

En los operadores de diferencia e igualdad no estricta (== y !=) y comparacion (>, >= < y <=)

Se realiza la conversion de tipos, es decir, los strings que contengan numero, seran convertidos a valores numericos enteros si es posible

Esto no aplica con los operadores estrictos === y !==, donde no se realiza la conversion y se compara de string a numero, donde en una operacion de igualdad el resultado es false

pavel andrei ramos barragan

student•

El operador >= se utiliza para verificar si el valor de la izquierda es mayor o igual al de la derecha. En el ejemplo mencionado, si A es 10 y C es también 10 (A = 10, C = 10), entonces la comparación A >= C resultaría en true. Si el ejemplo indica que es false, es incorrecto. Es importante tener claridad sobre los valores y el uso de los operadores de comparación para evitar confusiones. Para más ejemplos, te recomiendo revisar la lección de "Operadores de comparación" en el curso de Fundamentos de JavaScript en Platzi.

Jose Eduardo Ramos Lopez

student•

como abrir la consola de navegación abierta