En este tutorial, aprenderá sobre los diferentes operadores disponibles en JavaScript y cómo usarlos con la ayuda de ejemplos.
¿Qué es un operador?
En JavaScript, un operador es un símbolo especial que se utiliza para realizar operaciones en operandos (valores y variables). Por ejemplo,
2 + 3; // 5
Aquí +hay un operador que realiza sumas 2y 3son operandos.
Tipos de operadores de JavaScript
Aquí hay una lista de diferentes operadores que aprenderá en este tutorial.
- Operadores de Asignación
- Operadores aritméticos
- Operadores de comparación
- Operadores logicos
- Operadores bit a bit
- Operadores de cadenas
- Otros operadores
Operadores de asignación de JavaScript
Los operadores de asignación se utilizan para asignar valores a las variables. Por ejemplo,
const x = 5;
Aquí, el =operador se usa para asignar valor 5a la variable x.
A continuación, se muestra una lista de los operadores de asignación de uso común:
| Operador | Nombre | Ejemplo |
|---|---|---|
= | Operador de asignación | a = 7; // 7 |
+= | Asignación de adición | a += 5; // a = a + 5 |
-= | Asignación de resta | a -= 2; // a = a - 2 |
*= | Asignación de multiplicación | a *= 3; // a = a * 3 |
/= | Asignación de división | a /= 2; // a = a / 2 |
%= | Asignación restante | a %= 2; // a = a % 2 |
**= | Asignación de exponenciación | a **= 2; // a = a**2 |
Nota: El operador de asignación más utilizado es =. Usted va a entender otros operadores de asignación, tales como +=, -=, *=etc. una vez que aprendemos operadores aritméticos.
Operadores aritméticos de JavaScript
Los operadores aritméticos se utilizan para realizar cálculos aritméticos . Por ejemplo,
const number = 3 + 5; // 8
Aquí, el +operador se usa para agregar dos operandos.
| Operador | Nombre | Ejemplo |
|---|---|---|
+ | Adición | x + y |
- | Sustracción | x - y |
* | Multiplicación | x * y |
/ | División | x / y |
% | Recordatorio | x % y |
++ | Incremento (incrementos en 1) | ++x o x++ |
-- | Decremento (decrementos en 1) | --x o x-- |
** | Exponenciación (potencia) | x ** y |
Ejemplo 1: operadores aritméticos en JavaScript
let x = 5; let y = 3; // addition console.log('x + y = ', x + y); // subtraction console.log('x - y = ', x - y); // multiplication console.log('x * y = ', x * y); // division console.log('x / y = ', x / y); // remainder console.log('x % y = ', x % y); // increment console.log('++x = ', ++x); // x is now 6 console.log('x++ = ', x++); // x returns 6 and then increases by 1 console.log('x = ', x); // decrement console.log('--x = ', --x); // x is now 6 console.log('x-- = ', x--); // x returns 6 and then increases by 1 console.log('x = ', x); //exponentiation console.log('x ** y =', x ** y);
Visite ++ y - operator para obtener más información.
Salida
x + y = 8 x - y = 2 x * y = 15 x / y = 1.6666666666666667 x% y = 2 ++ x = 6 x ++ = 6 x = 7 --x = 6 x-- = 6 x = 5 x ** y = 125
Nota : El operador ** se introdujo en EcmaScript 2016 y es posible que algunos navegadores no lo admitan. Para obtener más información, visite Soporte de navegador de exponenciación de JavaScript.
Operadores de comparación de JavaScript
Los operadores de comparación comparan dos valores y devuelven un valor booleano, ya sea trueo false. Por ejemplo,
const a = 3, b = 2; console.log(a> b); // true
Aquí, el operador de comparación >se usa para comparar si a es mayor que b.
| Operador | Descripción | Ejemplo |
|---|---|---|
== | Igual a : devuelve truesi los operandos son iguales | x == y |
!= | No igual a : devuelve truesi los operandos no son iguales | x != y |
=== | Estricto igual a : truesi los operandos son iguales y del mismo tipo | x === y |
!== | Estricto no es igual a : truesi los operandos son iguales pero de diferente tipo o no son iguales en absoluto | x !== y |
> | Mayor que : truesi el operando izquierdo es mayor que el operando derecho | x> y |
>= | Mayor o igual a : truesi el operando izquierdo es mayor o igual que el operando derecho | x>= y |
< | Menor que : truesi el operando izquierdo es menor que el operando derecho | x < y |
<= | Menor o igual a : truesi el operando izquierdo es menor o igual que el operando derecho | x <= y |
Ejemplo 2: operadores de comparación en JavaScript
// equal operator console.log(2 == 2); // true console.log(2 == '2'); // true // not equal operator console.log(3 != 2); // true console.log('hello' != 'Hello'); // true // strict equal operator console.log(2 === 2); // true console.log(2 === '2'); // false // strict not equal operator console.log(2 !== '2'); // true console.log(2 !== '2'); // false
Output
true true true true true false false true
Comparison operators are used in decision making and loops. You will learn about the use of comparison operators in detail in later tutorials.
JavaScript Logical Operators
Logical operators perform logical operations and return a boolean value, either true or false. For example,
const x = 5, y = 3; (x < 6) && (y < 5); // true
Here, && is the logical operator AND. Since both x < 6 and y < 5 are true, the result is true.
| Operator | Description | Example |
|---|---|---|
&& | Logical AND: true if both the operands are true, else returns false | x && y |
|| | Logical OR: true if either of the operands is true; returns false if both are false | x || y |
! | Logical NOT: true if the operand is false and vice-versa. | !x |
Example 3: Logical Operators in JavaScript
// logical AND console.log(true && true); // true console.log(true && false); // false // logical OR console.log(true || false); // true // logical NOT console.log(!true); // false
Output
true false true false
Logical operators are used in decision making and loops. You will learn about the use of logical operators in detail in later tutorials.
JavaScript Bitwise Operators
Bitwise operators perform operations on binary representations of numbers.
| Operator | Description |
|---|---|
& | Bitwise AND |
| | Bitwise OR |
^ | Bitwise XOR |
~ | Bitwise NOT |
<< | Left shift |
>> | Sign-propagating right shift |
>>> | Zero-fill right shift |
Bitwise operators are rarely used in everyday programming. If you are interested, visit JavaScript Bitwise Operators to learn more.
JavaScript String Operators
In JavaScript, you can also use the + operator to concatenate (join) two or more strings.
Example 4: String operators in JavaScript
// concatenation operator console.log('hello' + 'world'); let a = 'JavaScript'; a += ' tutorial'; // a = a + ' tutorial'; console.log(a);
Output
helloworld JavaScript tutorial
Nota: Cuando +se usa con cadenas, realiza una concatenación. Sin embargo, cuando +se usa con números, realiza una suma.
Otros operadores de JavaScript
Aquí hay una lista de otros operadores disponibles en JavaScript. Aprenderá sobre estos operadores en tutoriales posteriores.
| Operador | Descripción | Ejemplo |
|---|---|---|
, | evalúa varios operandos y devuelve el valor del último operando. | let a = (1, 3 , 4); // 4 |
?: | devuelve valor basado en la condición | (5> 3) ? 'success' : 'error'; // "success" |
delete | elimina la propiedad de un objeto o un elemento de una matriz | delete x |
typeof | devuelve una cadena que indica el tipo de datos | typeof 3; // "number" |
void | descarta el valor de retorno de la expresión | void(x) |
in | devuelve truesi la propiedad especificada está en el objeto | prop in object |
instanceof | devuelve truesi el objeto especificado es del tipo de objeto especificado | object instanceof object_type |
