7 tipos de operadores de JavaScript que debe conocer

Un operador es un símbolo que le dice al intérprete que realice una operación matemática, relacional o lógica específica. Los operadores toman uno o más operandos y son capaces de manipular operandos o valores objetivo.

En este artículo, aprenderá sobre diferentes operadores en JavaScript y cómo usarlos con ejemplos.

Tipos de operadores de JavaScript

Estos son los distintos operadores que admite JavaScript:

1. Operadores aritméticos
2. Operadores de Asignación
3. Operadores de cadena
4. Operadores de comparación
5. Operadores logicos
6. Operadores bit a bit
7. Operadores especiales

1. Operadores aritméticos

Puede utilizar operadores aritméticos para realizar cálculos matemáticos en los operandos. JavaScript proporciona los siguientes operadores aritméticos:

Operador de suma (+)

Puede utilizar el operador de suma (+) para realizar la suma de los operandos.

sea ​​a = 12;
sea ​​b = 10;
sea ​​resultado = a + b;
console.log (resultado)
console.log (1 + 2);
console.log (a + 6);

Producción:

22
3
18

Operador de resta (-)

Utilice el operador de resta (-) para restar el operando derecho del operando izquierdo.

sea ​​a = 10;
sea ​​b = 4;
sea ​​resultado = a-b;
console.log (resultado);
console.log (23-20);

Producción:

6
3

Operador de multiplicación (*)

Utilice el operador de multiplicación (*) para multiplicar los operandos.

sea ​​a = 10;
sea ​​b = 4;
sea ​​resultado = a * b;
console.log (resultado);
console.log (23 * 20);

Producción:

40
460

Operador de división (/)

Puede utilizar el operador de división (/) para realizar la división de los operandos.

sea ​​a = 10;
sea ​​b = 4;
sea ​​resultado = a / b;
console.log (resultado);
console.log (40/20);

Producción:

2.5
2

Operador de módulo (%)

El operador de módulo (%) devuelve el resto entero buceando dos operandos.

sea ​​a = 10;
sea ​​b = 4;
sea ​​resultado = a% b;
console.log (resultado);
console.log (40% 20);

Producción:

2
0

Operador de exponenciación (**)

El operador de exponenciación (**) calcula la base a la potencia del exponente (base ^ exponente).

sea ​​a = 3;
console.log (a ** 4);

Producción:

81

Operador de incremento (++)

El operador de incremento (++) aumenta el valor entero en uno.

sea ​​a = 3;
// Valor de a = 4 y devuelve 4
console.log (++ a);
// Valor de a = 5 y devuelve 4
console.log (a ++);
// Valor de a = 5 y devuelve 5
console.log (a);

Producción:

4
4
5

Operador de decremento (-)

El operador de decremento (--) disminuye el valor entero en uno.

sea ​​a = 3;
// Valor de a = 2 y devuelve 2
console.log (- a);
// Valor de a = 1 y devuelve 2
console.log (a--);
// Valor de a = 1 y devuelve 1
console.log (a);

Producción:

2
2
1

Operador Unario Plus (+)

El operador unario más (+) intenta convertir el operando en un número si aún no lo es.

console.log (typeof ("10"));
console.log (typeof (+ "10"));
console.log (typeof (falso));
console.log (typeof (+ falso));

Producción:

cuerda
número
booleano
número

Operador de negación unario (-)

El operador de negación unario (-) devuelve la negación de su operando.

sea ​​a = 10;
console.log (-a);

Producción:

-10

2. Operadores de Asignación

Utilice operadores de asignación para asignar valores a las variables. JavaScript proporciona los siguientes operadores de asignación:

Operador de asignación (=)

Puede utilizar el operador de asignación (=) para asignar el valor del operando derecho al operando izquierdo.

// Asignar 10 a un
sea ​​a = 10;
console.log (a);

Producción:

10

Operador de asignación de suma (+ =)

El operador de asignación de suma (+=) se utiliza para sumar los valores del operando izquierdo y derecho y asignar el resultado al operando izquierdo.

sea ​​a = 10;
sea ​​b = 5;
// Equivalente a a = a + b
a + = b;
console.log (a);

Producción:

15

Operador de asignación de resta (- =)

El operador de asignación de resta (-=) restará el operando derecho del operando izquierdo y asignará el resultado al operando izquierdo.

sea ​​a = 10;
sea ​​b = 5;
// Equivalente a a = a-b
a - = b;
console.log (a);

Producción:

5

Operador de asignación de multiplicación (* =)

Utilice el operador de asignación de multiplicación (*=) para multiplicar los valores del operando izquierdo y derecho y asignar el resultado al operando izquierdo.

sea ​​a = 10;
sea ​​b = 5;
// Equivalente a a = a * b
a * = b;
console.log (a);

Producción:

50

Operador de asignación de división (/ =)

Puede utilizar el operador de asignación de división (/=) para dividir el valor del operando izquierdo por el valor del operando derecho y asignar el resultado al operando izquierdo.

sea ​​a = 10;
sea ​​b = 5;
// Equivalente a a = a / b
a / = b;
console.log (a);

Producción:

2

Operador de asignación restante (% =)

El operador de asignación restante (%=) divide el operando izquierdo por el operando derecho y asigna el resto al operando izquierdo.

sea ​​a = 10;
sea ​​b = 5;
// Equivalente a a = a% b
a% = b;
console.log (a);

Producción:

0

Operador de asignación de exponenciación (** =)

El operador de asignación de exponenciación (**=) eleva el operando izquierdo a la potencia del operando derecho y asigna el resultado al operando izquierdo.

sea ​​a = 10;
sea ​​b = 5;
// Equivalente a a = a ** b
a ** = b;
console.log (a);

Producción:

100000

Los operadores de asignación bit a bit (<<=, >>=, >>>=, &=, ^=, |=, &&=, ||=, ??=) funcionan de manera similar. Aprenderá sobre los operadores bit a bit en las próximas secciones.

Relacionado: Introducción a los tipos de datos en JavaScript

3. Operadores de cadenas

El operador de concatenación (+) se usa para concatenar (agregar) cadenas.

let result = "Hacer" + "Usar" + "De";
console.log (resultado);

Producción:

Hacer uso de

4. Operadores de comparación

Los operadores de comparación se utilizan para comparar operandos y devuelven un valor lógico (cierto o falso) sobre la base de la comparación. JavaScript proporciona los siguientes operadores de comparación:

Operador igual (==)

El operador igual (==) devoluciones cierto si los operandos son iguales. Solo compara los valores de los operandos, ignorando su tipo al comparar.

console.log (2 == 4);
console.log ("2" == 2);

Producción:

falso
cierto

Operador no igual (! =)

Operador no igual (!=) devoluciones cierto si los operandos no son iguales. También ignora el tipo de operandos al comparar.

console.log (2! = 4);
console.log (2! = "2");

Producción:

cierto
falso

Operador de igualdad estricta ()

El operador igual estricto () devoluciones cierto si los operandos son iguales. Compara tanto los valores como los tipos de operandos al comparar.

console.log (24);
console.log ("2" 2);

Producción:

falso
falso

Operador estricto no igual (! ==)

El operador estricto no igual (!==) devoluciones cierto si los operandos no son iguales. También compara tanto los valores como el tipo de operandos al comparar.

console.log (2! == 4);
console.log (2! == "2");

Producción:

cierto
cierto

Mayor que operador (>)

El operador mayor que (>) devuelve verdadero si el operando izquierdo es mayor que el operando derecho.

console.log (10> 4);
console.log (5> 5);

Producción:

cierto
falso

Operador mayor o igual que (>=)

El operador mayor o igual (>=) devuelve verdadero si el operando izquierdo es mayor o igual que el operando derecho.

console.log (10> = 4);
console.log (5> = 5);

Producción:

cierto
cierto

Operador menor que (

El operador menor que (<) devuelve verdadero si el operando izquierdo es menor que el operando derecho.

console.log (10 <4);
console.log (5 <5);

Producción:

falso
falso

Operador menor o igual (<=)

El operador menor o igual (<=) devuelve verdadero si el operando izquierdo es menor o igual que el operando derecho.

console.log (10 <= 4);
console.log (5 <= 5);

Producción:

falso
cierto

Relacionado: Cómo construir una calculadora simple usando HTML, CSS y JavaScript

5. Operadores logicos

Según el funcionario Documentos de MDN, JavaScript proporciona los siguientes operadores lógicos:

AND lógico (&&)

Uso: expr1 && expr2

Devuelve expr1 si se puede convertir a falso; de lo contrario, devuelve expr2. Cuando se usa con valores booleanos, && devoluciones cierto si ambos operandos son verdaderos; de lo contrario, vuelve falso.

console.log (verdadero && falso);

Producción:

falso

OR lógico (||)

Uso: expr1 || expr2

Devuelve expr1 si se puede convertir a verdadero; de lo contrario, devuelve expr2. Cuando se usa con valores booleanos, || devoluciones cierto si alguno de los operandos es verdadero; si ambos son falsos, devuelve falso.

console.log (verdadero || falso);

Producción:

cierto

NO lógico (!)

Uso:! expr

Devoluciones falso si su único operando se puede convertir a verdadero; de lo contrario, devuelve cierto.

console.log (! verdadero);

Producción:

falso

6. Operadores bit a bit

JavaScript proporciona los siguientes operadores bit a bit:

Operador AND bit a bit (&)

Este operador realiza un booleano Y operación en cada bit de sus argumentos enteros.

// En binario
// 4: 100
// 1: 001
console.log (4 y 1);

Producción:

0

Operador OR bit a bit (|)

Este operador realiza un booleano O operación en cada bit de sus argumentos enteros.

console.log (4 | 1);

Producción:

5

Operador XOR bit a bit (^)

Este operador realiza una exclusiva booleana O operación en cada bit de sus argumentos enteros.

console.log (4 ^ 1);

Producción:

5

Operador NOT bit a bit (~)

Este operador invierte todos los bits del operando.

console.log (~ 4);

Producción:

-5

Nota: JavaScript convierte números en enteros de 32 bits con signo antes de realizar una operación bit a bit. Y cuando se realiza la operación, vuelve a convertir el resultado a números JavaScript de 64 bits.

Operador de cambio a la izquierda (<

Este operador desplaza todos los bits de su primer operando a la izquierda el número de lugares especificados en el segundo operando.

console.log (4 << 1);

Producción:

8

Operador de cambio a la derecha (>>)

Este operador desplaza todos los bits en su primer operando a la derecha por el número de lugares especificados en el segundo operando.

console.log (4 >> 1);

Producción:

2

7. Operadores especiales

Operador ternario

El operador ternario es la abreviatura del declaración if-else. Asigna valor a una variable en función de una condición, la sintaxis de la misma es:

¿condición? valor1: valor2

Si la condición es verdadera, el operador devuelve el valor de valor1. De lo contrario, devuelve el valor de valor2.

deja resultado = (200> 100)? "Sí No";
console.log (resultado);

Producción:

sí

Tipo de operador

los tipo de El operador se usa para encontrar el tipo de datos de un valor o variable.

console.log (tipo de (100));
console.log (typeof ("100"));

Producción:

número
cuerda

Use JavaScript One-Liners para codificar como un profesional

Puede realizar una amplia gama de operaciones utilizando solo una línea de código en JavaScript. Ya sea que necesite mezclar una matriz, detectar el modo oscuro en un navegador, generar UUID aleatorio o encontrar el promedio de una matriz, puede lograrlo con solo una línea de código.

11 frases sencillas de JavaScript que debe conocer

Logre mucho con solo un poco de código utilizando esta amplia gama de frases sencillas de JavaScript.

Leer siguiente

Sobre el Autor