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 Tipos de datos

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 con 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 sentido añadir "Volvo" a dieciséis? ¿Producirá un error o 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";
Try it Yourself »

Ejemplo

let x = "Volvo" + 16;
Try it Yourself »

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

JavaScript:

let x = 16 + 4 + "Volvo";

Resultado:

20Volvo
Try it Yourself »

JavaScript:

let x = "Volvo" + 16 + 4;

Resultado:

Volvo164
Try it Yourself »

En el primer ejemplo, JavaScript trata 16 y 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 puede utilizarse para almacenar distintos tipos de datos:

Ejemplo

let x;           // Now x is undefined
x = 5;           // Now x is a Number
x = "John";      // Now x is a String
Try it Yourself »

Cadenas de JavaScript

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

Las cadenas se escriben entre comillas. Puedes utilizar comillas simples o dobles:

Ejemplo

let carName1 = "Volvo XC60";   // Uso de comillas dobles
let carName2 = 'Volvo XC60';   // Uso de comillas simples
Try it Yourself »

Puedes utilizar comillas dentro de una cadena, siempre que no coincidan con las comillas que rodean la cadena:

Ejemplo

let answer1 = "It's alright";             // Comillas simples dentro de comillas dobles
let answer2 = "He is called 'Johnny'";    // Comillas simples dentro de comillas dobles
let answer3 = 'He is called "Johnny"';    // Comillas dobles dentro de comillas simples
Try it Yourself »

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


Números en JavaScript

JavaScript solo tiene un tipo de números.

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

Ejemplo

let x1 = 34.00;     // Escrito con decimales
let x2 = 34;        // Escrito sin decimales
Try it Yourself »

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

Ejemplo

let y = 123e5;      // 12300000
let z = 123e-5;     // 0.00123
Try it Yourself »

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


Valores booleanos de JavaScript

Los valores booleanos solo pueden tener dos valores: true o false.

Ejemplo

let x = 5;
let y = 5;
let z = 6;
(x == y)      // Devoluciones true
(x == z)       // Devoluciones false
Try it Yourself »

Los valores booleanos se utilizan a menudo en las pruebas condicionales.

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


Matrices de JavaScript

Las matrices de JavaScript se escriben entre corchetes.

Los elementos de la matriz se separan mediante comas.

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

Ejemplo

const cars = ["Saab", "Volvo", "BMW"];
Try it Yourself »

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 las matrices más adelante en este tutorial.


Objetos de JavaScript

Los objetos de JavaScript se escriben entre llaves {}.

Las propiedades del objeto se escriben como pares nombre:valor, separados por comas.

Ejemplo

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

El objeto (persona) en el ejemplo anterior tiene 4 propiedades: firstName, lastName, age y eyeColor.

Aprenderá más sobre los objetos más adelante en este tutorial.


El operador typeof

Puede utilizar el operador typeof de JavaScript para encontrar el tipo de variable de JavaScript.

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

Ejemplo

typeof ""             // Returns "string"
typeof "John"         // Returns "string"
typeof "John Doe"     // Returns "string"
Try it Yourself »

Ejemplo

typeof 0              // Devoluciones "number"
typeof 314            // Devoluciones "number"
typeof 3.14           // Devoluciones "number"
typeof (3)            // Devoluciones "number"
typeof (3 + 4)        // Devoluciones "number"
Try it Yourself »

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


Undefined / Indefinido

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

Ejemplo

let car;    // El valor no está definido, el tipo no está definido
Try it Yourself »

Se puede vaciar cualquier variable, estableciendo el valor como undefined. El tipo también será undefined.

Ejemplo

car = undefined;    // El valor no está definido, el tipo no está definido
Try it Yourself »

Valores vacíos

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

Una cadena vacía tiene un valor legal y un tipo.

Ejemplo

let car = "";    // El valor es "", el tipo de es "string"
Try it Yourself »

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"
};                          //