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: true
o 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 typeof
operador de JavaScript para encontrar el tipo de una variable de JavaScript.
El typeof
operador 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"