English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Tutorial básico de JavaScript

Objeto de JavaScript

Función de JavaScript

HTML DOM de JS

BOM del navegador JS

Tutorial básico de AJAX

Manual de referencia de JavaScript

Operadores de JavaScript

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

Operadores aritméticos de JavaScript

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.

OperadorDescripciónEjemploDefiniciónPruebe
+Adicióna + bLa suma de a y bPruebe
-Restaa-bLa diferencia entre a y bPruebe
*Multiplicacióna * bEl producto de a y bPruebe
**Potenciaa ** bEl poder de a bPruebe
/Divisióna / ba dividido por bPruebe
%Resto (módulo)a % ba / El resto de bPruebe
++Aumentoa ++a aumente1Pruebe
--Decremento
a--a decremente1Pruebe

Operadores de asignación de JavaScript

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.

OperadorDescripciónEjemploIgualPruebe
=Asignacióna = ba = bPruebe
+=Asignación después de sumara + = ba = a + bPruebe
-=Asignación después de restara-= ba = a-bPruebe
*=Asignación después de multiplicara * = ba = a * bPruebe
**=Asignación después de elevara ** = ba = a ** bPruebe
/=Asignación después de dividira / = ba = a / bPruebe
%=Asignación después de calcular el móduloa %= ba = a % bPruebe

Operadores de comparación de JavaScript

Los operadores de comparación se utilizan para comparar dos valores y devolver un valor booleano.

OperadorDescripciónEjemploDefiniciónPruebe
==Iguala == bEs verdadero si a es igual a bPruebe
===Iguala === bEs verdadero si a es igual a b y pertenecen al mismo tipoPruebe
!==Inequalesa! = bEs verdadero si a no es igual a bPruebe
!==Inequales incluyendo tipoa! == bEs verdadero si a no es igual a b y no son del mismo tipo de datosPruebe
>Mayora> bEs verdadero si a es mayor que bPruebe
<Menora < bEs verdadero si a es menor que bPruebe
>=Mayor o iguala>=bEs verdadero si a es mayor o igual que bPruebe
<=Menor o iguala <= bEs verdadero si a es menor o igual que bPruebe

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.

Operadores de bit de JavaScript

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.

OperadorDescripciónEjemploIgualResultadoDecimal
&Y5&10101Y 00010001 1Unidad
|O5 | 10101 | 00010101 5
~No
~5 ~01011010 10
^XOR5 ^ 10101 ^ 00010100 4
<<Desplazamiento a la izquierda5 << 10101 << 11010 10
>>Desplazamiento a la derecha con signo5 >> 10101 >> 10010  2
>>Desplazamiento a la derecha sin signo5 >> 10101 >> 10010  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

Operadores lógicos de JavaScript

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.

OperadorDescripciónEjemploDefiniciónPruebe
&&Y lógicoa && bSi a y b son verdaderos, es verdaderoPruebe
||O lógicoa || bSi a o b es verdadero, es verdaderoPruebe
!Negación lógica!aSi a no es verdadero, es verdaderoPruebe

Operador de cadena de JavaScript

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.

Operador condicional (trival) de JavaScript

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.

Operadores unarios de JavaScript

La operación unaria es una operación que tiene solo un operando.

JavaScript contiene tres operadores unarios:

DescripciónDescripción
deleteEliminar objetos, atributos de objetos o elementos en la posición especificada del array
typeofDevuelve el tipo de variable
voidEspecificar una expresión de valor requerido sin devolver un valor

Operador delete

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 true
Prueba 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.

Operador typeof

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"

Operador void

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‹/›

Operadores de relación de JavaScript

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ónDescripción
inSi el atributo especificado se encuentra en el objeto especificado, se devuelve true
instanceofdevuelve true si el objeto es una instancia del tipo de objeto

Operador in

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 false
Prueba 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 false
Prueba y observa‹/›

Operador instanceof

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‹/›