MEJOR SITIO PARA DESARROLLADORES WEB

JS Tutorial

JS HOGAR JS Introducción JS A donde JS Producción JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS Let JS Const JS Operadores JS Aritmética JS Asignación JS Tipos de datos JS Funciones JS Objetos JS Eventos JS Cadenas JS Métodos de cadena JS Búsqueda de cadenas JS Plantillas de cadenas JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matrices JS Iteración de matriz JS Array Const JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Math JS aleatorio JS Booleanos JS Comparaciones JS If Else JS Switch JS Bucle For JS Bucle For In JS Bucle For Of JS Bucle While JS Break JS Iterables JS Conjuntos JS Maps JS Tipo de JS Conversión de tipo JS Bitwise JS RegExp JS Errores JS Alcance JS Hoisting JS Modo estricto JS this palabra clave JS Función de flecha JS Clases JS Módulos JS JSON JS Depuración JS Guía de estilo JS Mejores prácticas JS Errores JS Rendimiento JS Palabras reservadas

JS Versiones

JS Versiones JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021/2022 JS IE / Edge JS Historia

JS Objetos

Objeto Definiciones Objeto Propiedades Objeto Métodos Objeto Display Objeto Accesorios Objeto Constructores Objeto Prototipos Objeto Iterables Objeto Conjuntos Objeto Mapas Objeto Referencia

JS Funciones

Función Definiciones Función Parámetros Función Invocación Función Llamar Función Aplicar Función Unir Función Cierres

JS Clases

Clase Introducción Clase Herencia Clase Estático

JS Asíncrono

JS Devoluciones de llamada JS Asincrónico JS Promesas JS Async/Await

JS HTML DOM

DOM Introducción DOM Métodos DOM Documento DOM Elementos DOM HTML DOM Formularios DOM CSS DOM Animaciones DOM Eventos DOM Oyente de eventos DOM Navegación DOM Nodos DOM Colecciones DOM Listas de nodos

JS Navegador BOM

JS Ventana JS Pantalla JS Ubicación JS Historia JS Navegador JS Alerta emergente JS Momento JS Cookies

JS Web APIs

Web API Introducción API de formularios web API de historial web API de almacenamiento web API de trabajador web API de recuperación web API de geolocalización web

JS AJAX

AJAX Introducción AJAX XMLHttp AJAX Pedido AJAX Respuesta AJAX XML Archivo AJAX PHP AJAX ASP AJAX Base de datos AJAX Aplicaciones AJAX Ejemplos

JS JSON

JSON Introducción JSON Sintaxis JSON vs XML JSON Tipos de datos JSON Analizar JSON Stringificar JSON Objetos JSON Matrices JSON Servidor JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Selectores jQuery HTML jQuery CSS jQuery DOM

JS Gráficos

JS Gráficos JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Ejemplos

JS Ejemplos JS HTML DOM JS HTML Input JS HTML Objetos JS HTML Eventos JS Navegador JS Editor JS Ejercicios JS Prueba JS Bootcamp JS Certificado

JS Referencias

JavaScript Objetos HTML DOM Objetos

JavaScript. W3Schools en español. Lecciones para principiantes

Ua En De Fr

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