English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Los operadores realizan operaciones matemáticas y lógicas en los operandos dados.
JavaScript tiene los siguientes tipos de operadores:
Operadores aritméticos
Operadores de asignación
Operadores de comparación
Operadores de bits
Operadores lógicos
Operadores de cadena
Operador de operación (ternario)
Operadores unarios
Operadores de relación
Los operadores aritméticos se utilizan para realizar operaciones aritméticas con números.
Los operadores aritméticos toman valores numéricos como sus operandos y devuelven un solo valor numérico.
Operador | Descripción | Ejemplo | Definición | Pruebe |
---|---|---|---|---|
+ | Adición | a + b | La suma de a y b | Pruebe |
- | Resta | a-b | La diferencia entre a y b | Pruebe |
* | Multiplicación | a * b | El producto de a y b | Pruebe |
** | Potencia | a ** b | El poder de a b | Pruebe |
/ | División | a / b | a dividido por b | Pruebe |
% | Resto (módulo) | a % b | a / El resto de b | Pruebe |
++ | Aumento | a ++ | a aumente1 | Pruebe |
-- | Decremento | a-- | a decremente1 | Pruebe |
El operador de asignación asigna valores a las variables de JavaScript.
El operador de asignación simple (=) asigna el valor de su operando derecho a su operando izquierdo.
Operador | Descripción | Ejemplo | Igual | Pruebe |
---|---|---|---|---|
= | Asignación | a = b | a = b | Pruebe |
+= | Asignación después de sumar | a + = b | a = a + b | Pruebe |
-= | Asignación después de restar | a-= b | a = a-b | Pruebe |
*= | Asignación después de multiplicar | a * = b | a = a * b | Pruebe |
**= | Asignación después de elevar | a ** = b | a = a ** b | Pruebe |
/= | Asignación después de dividir | a / = b | a = a / b | Pruebe |
%= | Asignación después de calcular el módulo | a %= b | a = a % b | Pruebe |
Los operadores de comparación se utilizan para comparar dos valores y devolver un valor booleano.
Operador | Descripción | Ejemplo | Definición | Pruebe |
---|---|---|---|---|
== | Igual | a == b | Es verdadero si a es igual a b | Pruebe |
=== | Igual | a === b | Es verdadero si a es igual a b y pertenecen al mismo tipo | Pruebe |
!== | Inequales | a! = b | Es verdadero si a no es igual a b | Pruebe |
!== | Inequales incluyendo tipo | a! == b | Es verdadero si a no es igual a b y no son del mismo tipo de datos | Pruebe |
> | Mayor | a> b | Es verdadero si a es mayor que b | Pruebe |
< | Menor | a < b | Es verdadero si a es menor que b | Pruebe |
>= | Mayor o igual | a>=b | Es verdadero si a es mayor o igual que b | Pruebe |
<= | Menor o igual | a <= b | Es verdadero si a es menor o igual que b | Pruebe |
La diferencia entre (a == b) y (a === b) es:
== Si a es igual a b, devuelve verdadero
=== Si a es igual a b y pertenecen aDel mismo tipoentonces devuelve verdadero
Se pueden usar operadores de comparación en las sentencias condicionales para comparar valores y entrar en diferentes flujos según el resultado.
En la parte posterior de este tutorial, aprenderás a usar sentencias condicionales.
Los operadores de operando de bit lo consideran como un grupo32bits (cero y uno), en lugar de números decimales, hexadecimales o octales.
Cualquier operando numérico en esta operación se convertirá a32El número de dígitos. El resultado se convierte en número de JavaScript.
Operador | Descripción | Ejemplo | Igual | Resultado | Decimal |
---|---|---|---|---|---|
& | Y | 5&1 | 0101Y 0001 | 0001 | 1Unidad |
| | O | 5 | 1 | 0101 | 0001 | 0101 | 5 |
~ | No | ~5 | ~0101 | 1010 | 10 |
^ | XOR | 5 ^ 1 | 0101 ^ 0001 | 0100 | 4 |
<< | Desplazamiento a la izquierda | 5 << 1 | 0101 << 1 | 1010 | 10 |
>> | Desplazamiento a la derecha con signo | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
>> | Desplazamiento a la derecha sin signo | 5 >> 1 | 0101 >> 1 | 0010 | 2 |
El ejemplo anterior usa4Ejemplo de número sin signo extendido. Pero JavaScript usa32Número de signo extendido
Por lo tanto, en JavaScript, ~5No devolverá10. Devolverá-6.
~00000000000000000000000000000101Se devolverá11111111111111111111111111111010
Los operadores lógicos se utilizan para determinar la lógica entre variables o valores.
Los operadores lógicos se utilizan comúnmente para combinar declaraciones condicionales, devolviendo valores booleanos.
Operador | Descripción | Ejemplo | Definición | Pruebe |
---|---|---|---|---|
&& | Y lógico | a && b | Si a y b son verdaderos, es verdadero | Pruebe |
|| | O lógico | a || b | Si a o b es verdadero, es verdadero | Pruebe |
! | Negación lógica | !a | Si a no es verdadero, es verdadero | Pruebe |
El+El operador también se puede usar para conectar (juntar) cadenas.
var str1 = "Hello"; var str2 = "World"; var str3 = str1 + " " + str2;Prueba y observa‹/›
Operador de asignación de adición+= también se puede usar para conectar (juntar) cadenas.
var str1 = "Hey! "; str1 += "How r u doing?";Prueba y observa‹/›
Al usarlo en una cadena, el+El operador se llama operador de concatenación.
El operador condicional es el único operador de JavaScript que utiliza tres operandos.
La descripción puede obtener uno de los dos valores según la condición. La sintaxis es:
condition ? val1 : val2
Sicondition El resultado de la cálculo estruese devolverával1de lo contrario, se devolverával2.
Puede usar el operador condicional en cualquier lugar donde se utilice un operador estándar.
var status = (age >= 18) ? "adulto" : "niño";Prueba y observa‹/›
Si la edad es18Si la edad es de 18 años o más, la siguiente instrucción asignará el valor "adulto" a la variable status. De lo contrario, asignará el valor "niño" a status.
La operación unaria es una operación que tiene solo un operando.
JavaScript contiene tres operadores unarios:
Descripción | Descripción |
---|---|
delete | Eliminar objetos, atributos de objetos o elementos en la posición especificada del array |
typeof | Devuelve el tipo de variable |
void | Especificar una expresión de valor requerido sin devolver un valor |
El operador delete puede eliminar objetos, atributos de objetos o elementos en la posición especificada del array.
Si se puede realizar la operación, el operador delete devuelve true; de lo contrario, devuelve false. Si no se puede realizar la operación, devuelve false.
Si el operador delete tiene éxito, establecerá el atributo o el elemento en undefined:
var user = {firstName:"Vishal", age:"22, color:"blue"}; delete user.firstName; // devuelve truePrueba y observa‹/›
Cuando el operador delete elimina un elemento del array, ese elemento se elimina del array.
var frutas = ["Apple", "Mango", "Banana"]; delete fruits[0]; // delete "Apple"Prueba y observa‹/›
Nota:Al eliminar elementos del array, la longitud del array no se ve afectada.
El operador typeof devuelve el tipo de una variable o expresión.
typeof "" // Devuelve "string" typeof "Vishal"// Devuelve "string" typeof "42"// Devuelve "string" (Número dentro de comillas es String) typeof 42 // Devuelve "number" typeof true// Devuelve "boolean" typeof false // Devuelve "boolean" typeof undefined // Devuelve "undefined" typeof null// Devuelve "object" typeof {name:"Vishal", age:22} // Devuelve "object" typeof [2, 4, 6, 8]// Devuelve "object" (no "array", ver nota a continuación) typeof function myFunc(){} // Devuelve "function"Prueba y observa‹/›
Nota:El operador typeof devuelve "object" para los arrays, porque en JavaScript los arrays son objetos.
Esta es la lista de valores devueltos por el operador typeof:
Tipo | La cadena devuelta por typeof |
---|---|
Number | "number" |
String | "string" |
Boolean | "boolean" |
Object | "object" |
Function | "function" |
Undefined | "undefined" |
Null | "object" |
El operador void especifica una expresión que requiere un valor pero no devuelve ningún valor.
El siguiente código crea un enlace de hipertexto que no realiza ninguna acción cuando el usuario hace clic en él.
<a href="javascript:void(0)">Haga clic aquí para no hacer nada</a>Prueba y observa‹/›
Los operadores de relación comparan sus operandos y devuelven un valor booleano según si la comparación es verdadera o no.
JavaScript tiene dos operadores de relación:
Descripción | Descripción |
---|---|
in | Si el atributo especificado se encuentra en el objeto especificado, se devuelve true |
instanceof | devuelve true si el objeto es una instancia del tipo de objeto |
Si el atributo especificado está en el objeto especificado, el operador in devuelve true.
var user = {firstName:"Vishal", age:"22, color:"blue"}; "firstName" in user; // devuelve true "age" in user;// devuelve true "Food" in user; // devuelve falsePrueba y observa‹/›
Al usar el operador in con un array Array, debe especificar el número de índice, no el valor en el índice.
var frutas = ["Apple", "Mango", "Banana"]; var item1 = 0 in frutas; // devuelve true var item2 = 1 en frutas; // devuelve true var item3 = 2 en frutas; // devuelve true var item4 = 3 en frutas; // devuelve falsePrueba y observa‹/›
Si el objeto especificado pertenece al tipo de objeto especificado, el operador instanceof devolverá true.
Cuando sea necesario determinar el tipo de objeto en tiempo de ejecución, utilice el operador instanceof.
var myObj = new Date(); if (myObj instanceof Date) { // expresiones para ejecutar }Prueba y observa‹/›