MEJOR SITIO PARA DESARROLLADORES WEB

Basic JavaScript

JS Tutorial JS Syntax JS Variables JS Operators JS If Conditions JS Loops JS Strings JS Numbers JS Functions JS Objects JS Dates JS Arrays JS Sets JS Maps JS Math JS RegExp JS Data Types JS Errors JS Debugging JS Events JS Programming JS References JS UTF-8 Characters

JS Advanced

JS Versions JS Functions JS Objects JS Classes JS Iterations JS Promises JS Modules JS HTML DOM JS Windows JS Web API JS AJAX JS JSON JS jQuery JS Graphics JS Examples JS Objects

JavaScript. W3Schools en español. Lecciones para principiantes

Ua En De Fr Ru

JavaScript Operadores

Los operadores de Javascript se utilizan para realizar diferentes tipos de cálculos matemáticos y lógicos.

Ejemplos:

El Operador de Asignación = asigna valores

El Operador de suma + agrega valores

El Operador de multiplicación * multiplica valores

El Operador de comparación > compara valores


JavaScript Tarea

El Operador de Asignación (=) asigna un valor a una variable:

Ejemplos de tareas

let x = 10;
Try it Yourself »
// Asigne el valor 5 a x
let x = 5;
// Asigne el valor 2 a y
let y = 2;
// Asigne el valor x + y a z:
let z = x + y;
Try it Yourself »

JavaScript Adición

El Operador de suma (+) suma números:

Añadiendo

let x = 5;
let y = 2;
let z = x + y;
Try it Yourself »

JavaScript Multiplicación

El Operador de multiplicación (*) multiplica números:

Multiplicando

let x = 5;
let y = 2;
let z = x * y;
Try it Yourself »

Tipos de operadores de JavaScript

Existen diferentes tipos de operadores de JavaScript:

  • Operadores aritméticos
  • Operadores de asignación
  • Operadores de comparación
  • Operadores de cadena
  • Operadores lógicos
  • Operadores bit a bit
  • Operadores ternarios
  • Operadores de tipo

JavaScript Operadores aritméticos

Los Operadores Aritméticos se utilizan para realizar operaciones aritméticas con números:

Ejemplo de operadores aritméticos

let a = 3;
let x = (100 + 50) * a;
Try it Yourself »
Operador Descripción
+ Suma
- Sustracción
* Multiplicación
** Exponenciación (ES2016)
/ División
% Módulo (resto de división)
++ Incremento
-- Decremento

Nota

Los operadores aritméticos se describen detalladamente en el capítulo JS Arithmetic.


JavaScript Operadores de asignación

Los operadores de asignación asignan valores a variables de JavaScript.

El Operador de asignación de suma (+=) agrega un valor a una variable.

Asignación

let x = 10;
x += 5;
Try it Yourself »
Operador Ejemplo Igual que
= x = y x = y
+= x += y x = x + y
-= x -= y x = x - y
*= x *= y x = x * y
/= x /= y x = x / y
%= x %= y x = x % y
**= x **= y x = x ** y

Nota

Los operadores de asignación se describen detalladamente en el capítulo Asignación JS.


JavaScript Operadores de comparación

Operador Descripción
== igual a
=== igual valor e igual tipo
!= no igual
!== valor no igual o tipo no igual
> más que
< menos que
>= mayor o igual a
<= menor o igual a
? operador ternario

Nota

Los operadores de comparación se describen detalladamente en el capítulo JS Comparaciones.


JavaScript Comparación de cadenas

Todos los operadores de comparación anteriores también se pueden usar en cadenas:

Ejemplo

let text1 = "A";
let text2 = "B";
let result = text1 < text2;
Try it Yourself »

Tenga en cuenta que las cadenas se comparan alfabéticamente:

Ejemplo

let text1 = "20";
let text2 = "5";
let result = text1 < text2;
Try it Yourself »

JavaScript Adición de cadenas

El + también se puede utilizar para agregar (concatenar) cadenas:

Ejemplo

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
Try it Yourself »

El operador de asignación += también se puede utilizar para agregar (concatenar) cadenas:

Ejemplo

let text1 = "What a very ";
text1 += "nice day";

El resultado de text1 será:

What a very nice day
Try it Yourself »

Nota

Cuando se utiliza en cadenas, el operador + se denomina operador de concatenación.


Agregar cadenas y números

Sumar dos números devolverá la suma, pero sumar un número y una cadena devolverá una cadena:

Ejemplo

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

El resultado de x, y y z será:

10
55
Hello5
Try it Yourself »

Nota

Si sumas un número y una cadena, ¡el resultado será una cadena!


JavaScript Operadores lógicos

Operador Descripción
&& lógico and
|| lógico or
! lógico not

Nota

Los operadores lógicos se describen detalladamente en el capítulo JS Comparaciones.


JavaScript Operadores de tipo

Operador Descripción
typeof Devuelve el tipo de variable
instanceof Devuelve verdadero si un objeto es una instancia de un tipo de objeto

Nota

Los operadores de tipo se describen detalladamente en el capítulo JS Conversión de tipo.


JavaScript Operadores bit a bit

Los operadores de bits funcionan con números de 32 bits.

Cualquier operando numérico en la operación se convierte en un número de 32 bits. El resultado se vuelve a convertir en un número de JavaScript.

Operador Descripción Ejemplo Igual que Resultado Decimal
& AND 5 & 1 0101 & 0001 0001  1
| OR 5 | 1 0101 | 0001 0101  5
~ NOT ~ 5  ~0101 1010  10
^ XOR 5 ^ 1 0101 ^ 0001 0100  4
<< left shift 5 << 1 0101 << 1 1010  10
>> right shift 5 >> 1 0101 >> 1 0010   2
>>> unsigned right shift 5 >>> 1 0101 >>> 1 0010   2

Los ejemplos anteriores utilizan ejemplos sin signo de 4 bits. Pero JavaScript usa números con signo de 32 bits.
Debido a esto, en JavaScript, ~ 5 no devolverá 10. Devolverá -6.
~000000000000000000000000000000101 devolverá 11111111111111111111111111111010

Los operadores bit a bit se describen detalladamente en el capítulo JS Bitwise.


Ponte a prueba con ejercicios

Ejercicio:

Multiplica 10 por 5 y alerta el resultado.

alert(10  5);



Comentarios