JavaScript Data Types

---

JavaScript tiene 8 tipos de datos

1. String

2. Number

3. Bigint

4. Boolean

5. Undefined

6. Null

7. Symbol

8. Object

---

El tipo de datos object

El tipo de datos del object puede contener:

1. Un objecto

2. Un arreglo

3. Una fecha

---

Ejemplo:

// Numbers:
let length = 16;
let weight = 7.5;

// Strings:
let color = "Yellow";
let lastName = "Johnson";

// Booleans
let x = true;
let y = false;

// Object:
const person = {firstName:"John", lastName:"Doe"};

// Array object:
const cars = ["Saab", "Volvo", "BMW"];

// Date object:
const date = new Date("2022-03-25");

---

Nota: Una variable de JavaScript puede contener cualquier tipo de datos.

---

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 algún sentido añadir "Volvo" a los dieciséis? ¿Producirá un error o producirá un resultado?

JavaScript tratará el ejemplo anterior como:

let x = "16" + "Volvo";

---

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

---

Ejemplo:

let x = 16 + "Volvo";

Ver ejemplo

---

Ejemplo:

let x = "Volvo" + 16;

Ver ejemplo

---

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

Ejemplo:

let x = 16 + 4 + "Volvo";

Ver ejemplo

---

Ejemplo:

let x = "Volvo" + 16 + 4;

Ver ejemplo

En el primer ejemplo, JavaScript trata 16 y 4 como números, hasta llegar 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 se puede utilizar la misma variable 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

Ver ejemplo

---

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:

// Using double quotes:
let carName1 = "Volvo XC60";

// Using single quotes:
let carName2 = 'Volvo XC60';

Ver ejemplo

---

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

Ejemplo:

// Single quote inside double quotes:
let answer1 = "It's alright";

// Single quotes inside double quotes:
let answer2 = "He is called 'Johnny'";

// Double quotes inside single quotes:
let answer3 = 'He is called "Johnny"';

Ver ejemplo

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

---

Números de JavaScript

Todos los números de JavaScript se almacenan como números decimales (punto flotante).

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

Ejemplo:

// With decimals:
let x1 = 34.00;

// Without decimals:
let x2 = 34;

Ver ejemplo

---

Notación exponencial

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

Ver ejemplo

---

Nota

La mayoría de los lenguajes de programación tienen muchos tipos de números:

Números enteros (enteros): byte (8 bits), short (16 bits), int (32 bits), long (64 bits)

Números reales (punto flotante): float (32 bits), double (64 bits).

Los números de JavaScript son siempre de un tipo: doble (punto flotante de 64 bits).

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

---

JavaScript BigInt

Todos los números de JavaScript se almacenan en un formato de punto flotante de 64 bits.

JavaScript BigInt es un nuevo tipo de datos (ES2020) que se puede utilizar para almacenar valores enteros que son demasiado grandes para ser representados por un número de JavaScript normal.

Ejemplo:

let x = BigInt("123456789012345678901234567890");

Ver ejemplo

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

---

Booleanos de JavaScript

Los booleanos sólo 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

Ver ejemplo

Los booleanos se utilizan a menudo en pruebas condicionales.

Aprenderás más sobre los valores booleanos más adelante en este tutorial.

---

Arreglos JavaScript

Las matrices/arreglos de JavaScript se escriben entre 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 autos):

Ejemplo:

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

Ver ejemplo

---

Los índices de un arreglo tienen base cero, lo que significa que el primer elemento es [0], el segundo es [1], y así sucesivamente.

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

---

Objetos JavaScript

Los objetos JavaScript se escriben con 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"};

Ver ejemplo

---

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

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

---

El operador typeof

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

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

Ejemplo:

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

Ver ejemplo

---

Ejemplo:

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

Ver ejemplo

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

---

Indefinido

En JavaScript, una variable sin valor tiene el valor undefined. El tipo tampoco está undefined.

Ejemplo:

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

Ver ejemplo

---

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

Ver ejemplo

---

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"

Ver ejemplo

---

Traducido con 💚 desde W3Schools.com