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 objetos 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 funciones 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


Tipos de datos de JavaScript

Las variables de JavaScript pueden contener diferentes tipos de datos: números, cadenas, objetos y más:

let length = 16;                               // Number
let lastName = "Johnson";                      // String
let x = {firstName:"John", lastName:"Doe"};    // Object

El concepto de tipos de datos

En programación, los tipos de datos son un concepto importante.

Para poder operar sobre variables, es importante saber algo sobre el tipo.

Sin tipos de datos, una computadora no puede resolver esto de manera segura:

let x = 16 + "Volvo";

¿Tiene algún sentido agregar "Volvo" a dieciséis? ¿Producirá un error o producirá un resultado?

JavaScript tratará el ejemplo anterior como:

let x = "16" + "Volvo";

Al agregar un número y una cadena, JavaScript tratará el número como una cadena.

Ejemplo

let x = 16 + "Volvo";

Ejemplo

let x = "Volvo" + 16;

JavaScript evalúa las expresiones de izquierda a derecha. Diferentes secuencias pueden producir diferentes resultados:

JavaScript:

let x = 16 + 4 + "Volvo";

Resultado:

20Volvo

JavaScript:

let x = "Volvo" + 16 + 4;

Resultado:

Volvo164

En el primer ejemplo, JavaScript trata el 16 y el 4 como números, hasta que llega a "Volvo".

En el segundo ejemplo, dado que el primer operando es una cadena, todos los operandos se tratan como cadenas.



Los tipos de JavaScript son dinámicos

JavaScript tiene tipos dinámicos. Esto significa que la misma variable se puede utilizar para contener diferentes tipos de datos:

Ejemplo

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String

Cadenas JavaScript

Una cadena (o una cadena de texto) es una serie de caracteres como "John Doe".

Las cadenas se escriben con comillas. Puede utilizar comillas simples o dobles:

Ejemplo

let carName1 = "Volvo XC60";   // Using double quotes
let carName2 = 'Volvo XC60';   // Using single quotes

Puede usar comillas dentro de una cadena, siempre que no coincidan con las comillas que rodean la cadena:

Ejemplo

let answer1 = "It's alright";             // Single quote inside double quotes
let answer2 = "He is called 'Johnny'";    // Single quotes inside double quotes
let answer3 = 'He is called "Johnny"';    // Double quotes inside single quotes

Aprenderá más sobre las cadenas más adelante en este tutorial.


Números JavaScript

JavaScript tiene un solo tipo de números.

Los números se pueden escribir con o sin decimales:

Ejemplo

let x1 = 34.00;     // Written with decimals
let x2 = 34;        // Written without decimals

Los números extra grandes o extra pequeños se pueden escribir con notación científica (exponencial):

Ejemplo

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123

Aprenderá más sobre los números más adelante en este tutorial.


Booleanos de JavaScript

Los valores booleanos solo pueden tener dos valores: trueo false.

Ejemplo

let x = 5;
let y = 5;
let z = 6;
(x == y)       // Returns true
(x == z)       // Returns false

Los booleanos se utilizan a menudo en pruebas condicionales.

Aprenderá más sobre las pruebas condicionales más adelante en este tutorial.


Matrices de JavaScript

Las matrices de JavaScript se escriben con corchetes.

Los elementos de la matriz están separados por comas.

El siguiente código declara (crea) una matriz llamada cars, que contiene tres elementos (nombres de automóviles):

Ejemplo

const cars = ["Saab", "Volvo", "BMW"];

Los índices de matriz se basan en cero, lo que significa que el primer elemento es [0], el segundo es [1] y así sucesivamente.

Aprenderá más sobre matrices más adelante en este tutorial.


Objetos JavaScript

Los objetos de JavaScript se escriben con llaves {}.

Las propiedades de los objetos se escriben como pares nombre:valor, separados por comas.

Ejemplo

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

El objeto (persona) en el ejemplo anterior tiene 4 propiedades: nombre, apellido, edad y color de ojos.

Aprenderá más acerca de los objetos más adelante en este tutorial.


El tipo de Operador

Puede utilizar el typeofoperador de JavaScript para encontrar el tipo de una variable de JavaScript.

El typeofoperador devuelve el tipo de una variable o una expresión:

Ejemplo

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"

Ejemplo

typeof 0              // Returns "number"
typeof 314            // Returns "number"
typeof 3.14           // Returns "number"
typeof (3)            // Returns "number"
typeof (3 + 4)        // Returns "number"

Aprenderá más sobre typeof más adelante en este tutorial.


Indefinido

En JavaScript, una variable sin valor, tiene el valor undefined. El tipo también lo es undefined.

Ejemplo

let car;    // Value is undefined, type is undefined

Cualquier variable se puede vaciar, estableciendo el valor en undefined. El tipo también será undefined.

Ejemplo

car = undefined;    // Value is undefined, type is undefined

Valores vacíos

Un valor vacío no tiene nada que ver con undefined.

Una cadena vacía tiene tanto un valor legal como un tipo.

Ejemplo

let car = "";    // The value is "", the typeof is "string"

Ponte a prueba con ejercicios

Ejercicio:

Utilice comentarios para describir el tipo de datos correcto de las siguientes variables:

let length = 16;            // 
let lastName = "Johnson";   // 
const x = {
  firstName: "John",
  lastName: "Doe"
};                          //