Tutorial JS

JS INICIO JS Introducción JS Dónde Salida JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS JS Vamos Constante JS Operadores JS Aritmética JS Tarea 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 cadena JS Números JS Métodos numéricos JS Matrices JS Métodos de matriz JS Clasificación de matriz JS Iteración de matriz JS Constante de matriz JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Matemáticas JS JS al azar Booleanos JS Comparaciones JS Condiciones JS Interruptor JS Bucle JS para Bucle JS para entrada Bucle JS para de Bucle JS mientras descanso JS Iterables JS Conjuntos JS Mapas JS JS Tipo de Conversión de tipo JS JS bit a bit JS expresión regular Errores JS Alcance JS JS Elevación Modo estricto JS JS esta palabra clave Función de flecha JS Clases JS JSJSON Depuración JS Guía de estilo JS Prácticas recomendadas de JS Errores JS Rendimiento JS Palabras reservadas de JS

Versiones JS

Versiones JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Borde Historia de JS

Objetos JS

Definiciones de objetos Propiedades del objeto Métodos de objeto Visualización de objetos Accesores de objetos Constructores de objetos Prototipos de objetos Objeto iterables Conjuntos de objetos Mapas de objetos Referencia de objeto

Funciones JS

Definiciones de funciones Parámetros de función Invocación de función Llamada de función Función Aplicar Cierres de funciones

Clases JS

Introducción a la clase Herencia de clase Clase estática

JS asíncrono

Devoluciones de llamada JS JS asíncrono Promesas JS JS asíncrono/espera

JS HTML DOM

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

Lista de materiales del navegador JS

Ventana JS Pantalla JS Ubicación de JS Historia de JS Navegador JS Alerta emergente JS Tiempo JS Galletas JS

API web de JS

Introducción a la API web API de formularios web API de historial web API de almacenamiento web API de trabajo web API de búsqueda web API de geolocalización web

JS AJAX

Introducción a AJAX AJAX XMLHttp Solicitud AJAX Respuesta AJAX Archivo XML AJAX AJAXPHP Ajax ASP Base de datos AJAX Aplicaciones AJAX Ejemplos de AJAX

JSJSON

Introducción JSON Sintaxis JSON JSON frente a XML Tipos de datos JSON Análisis JSON Cadena JSON Objetos JSON Matrices JSON Servidor JSON JSONPHP JSONHTML JSON JSONP

JS frente a jQuery

Selectores jQuery HTML de jQuery CSS de jQuery DOM de jQuery

Gráficos JS

Gráficos JS Lienzo JS JS Trazado Gráfico JS.js Gráfico de Google JS JS D3.js

Ejemplos de JS

Ejemplos de JS JS HTML DOM Entrada HTML JS Objetos JS HTML Eventos JS HTML Navegador JS Editor JS Ejercicios JS Prueba JS Certificado JS

Referencias JS

Objetos JavaScript Objetos HTML DOM


Operadores JavaScript


Ejemplo

Asigne valores a las variables y súmelos:

let x = 5;         // assign the value 5 to x
let y = 2;         // assign the value 2 to y
let z = x + y;     // assign the value 7 to z (5 + 2)

El operador de asignación= ( ) asigna un valor a una variable.

Asignación

let x = 10;

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

agregando

let x = 5;
let y = 2;
let z = x + y;

El operador de multiplicación* ( ) multiplica números.

multiplicando

let x = 5;
let y = 2;
let z = x * y;


Operadores aritméticos de JavaScript

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

Operator Description
+ Addition
- Subtraction
* Multiplication
** Exponentiation (ES2016)
/ Division
% Modulus (Division Remainder)
++ Increment
-- Decrement

Los operadores aritméticos se describen completamente en el capítulo Aritmética de JS .


Operadores de asignación de JavaScript

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

Operator Example Same As
= 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

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

Asignación

let x = 10;
x += 5;

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


Operadores de cadenas de JavaScript

El +operador también se puede usar para agregar (concatenar) cadenas.

Ejemplo

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

El resultado de text3 será:

John Doe

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

Ejemplo

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

El resultado de text1 será:

What a very nice day

Cuando se usa en cadenas, el operador + se llama operador de concatenación.


Adición de cadenas y números

Agregar dos números devolverá la suma, pero agregar 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

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


Operadores de comparación de JavaScript

Operator Description
== equal to
=== equal value and equal type
!= not equal
!== not equal value or not equal type
> greater than
< less than
>= greater than or equal to
<= less than or equal to
? ternary operator

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


Operadores lógicos JavaScript

Operator Description
&& logical and
|| logical or
! logical not

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


Operadores de tipo de JavaScript

Operator Description
typeof Returns the type of a variable
instanceof Returns true if an object is an instance of an object type

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


Operadores bit a bit de JavaScript

Los operadores de bits funcionan en 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.
Operator Description Example Same as Result 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 usan ejemplos sin firmar de 4 bits. Pero JavaScript usa números con signo de 32 bits.
Debido a esto, en JavaScript, ~ 5 no devolverá 10. Devolverá -6.
~00000000000000000000000000000101 devolverá 111111111111111111111111111111010

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


Ponte a prueba con ejercicios

Ejercicio:

Multiplique 10con 5, y alerte el resultado.

alert(10  5);