Curso IT Fundamentos JavaScript 038_Tipos de Datos

En JavaScript, los tipos de datos se utilizan para representar diferentes tipos de datos, como números, cadenas, valores booleanos, etc. Los tipos de datos en JavaScript se dividen en dos categorías principales: tipos de datos primitivos y tipos de datos de objeto.

Tipos de Datos Primitivos

Los valores de los tipos de datos primitivos contienen solo un único contenido (cadena, número u otro).

Number (Número)

Se utiliza para representar números, incluidos enteros y números de punto flotante. Por ejemplo: 5, 3.14, -10. Los números pueden tener muchas operaciones, como multiplicación *, división /, suma +, resta -, etc. Además de los números regulares, también incluye los llamados “valores especiales” que pertenecen a este tipo: Infinity, -Infinity y NaN. El tipo Number es un tipo de punto flotante, que puede tener problemas de precisión al realizar cálculos precisos, como: 0.1 + 0.2. Puede usar el método parseInt() para convertir cadenas en enteros, y el método parseFloat() para convertir cadenas en números de punto flotante.

Ejemplo:

1
let age = 25;

1
console.log(0.1 + 0.2);  // Salida 0.30000000000000004

1
let result = 0.1 * 10 + 0.2 * 10;
2
result = result / 10;  // Convierte el resultado de nuevo a un número de punto flotante
3
console.log(result);  // Salida 0.3

BigInt (Entero Grande)

Un tipo de datos que representa enteros de precisión arbitraria (en relación con las limitaciones de tamaño de memoria). Permite representar valores enteros mayores que el rango del tipo Number sin perder precisión. Use el sufijo n o llame al constructor BigInt() para crear un BigInt. Maneja valores enteros fuera del rango de Number, no se puede mezclar con enteros regulares, no se puede convertir a través de parseInt() o parseFloat().

Ejemplo:

1
let bigIntLiteral = 123n;
2
let bigIntObject = BigInt(456);

String (Cadena)

Se utiliza para representar datos de texto. Una cadena está compuesta por una serie de caracteres y puede contener letras, números, símbolos, etc., por ejemplo: “Hello, World!”, “Hola”, ‘123’. Las cadenas deben estar entre comillas, incluyendo: comillas simples 'Hello', comillas dobles "Hello", comillas invertidas `Hello`. Las comillas simples y dobles son comillas “simples”, las comillas invertidas son comillas con funciones extendidas que permiten referenciar variables directamente a través de ${…} y preservar el formato de texto. Salto de línea \n, tabulador \t, barra invertida en sí \\, comilla simple \' y comilla doble \", retorno de carro \r

Ejemplo:

1
let text = "Hello, World!";

Boolean (Booleano)

Se utiliza para representar valores lógicos, solo tiene dos valores posibles: true o false.

Ejemplo:

1
let isStudent = true;

Undefined (Indefinido)

Se utiliza para representar variables no inicializadas, indefinidas, no asignadas o funciones sin valores de parámetros.

Ejemplo:

1
let undefinedVar;
2
alert(undefinedVar);

Null (Nulo)

Se utiliza para representar un valor especial “nada”, “vacío” o “valor desconocido” o un valor de objeto inexistente.

Ejemplo:

1
let nullValue = null;

Symbol (Símbolo)

Se utiliza para crear identificadores únicos e inmutables. Se usa comúnmente para definir propiedades privadas de objetos, crear constantes únicas o servir como identificadores de comportamiento especial. Cada símbolo creado a través de Symbol es único, incluso si tienen la misma descripción, son diferentes.

Ejemplo:

1
const symbol1 = Symbol();
2
const symbol2 = Symbol();
3
console.log(symbol1 === symbol2); // Salida false, cada Symbol es único

Tipos de Datos de Objeto

Pueden usarse para almacenar colecciones de datos o contenido más complejo.

Object (Objeto)

Se utiliza para almacenar pares clave-valor, o en otras palabras, la relación de mapeo entre propiedades y valores de propiedades. Los objetos pueden contener valores de varios tipos de datos, incluidos números, cadenas, valores booleanos, matrices, otros objetos, etc.

Ejemplo:

1
let person = {
2
  name: "Alice",
3
  age: 30,
4
  isStudent: false
5
};

Array (Matriz)

Una matriz es una estructura de datos ordenada y mutable utilizada para almacenar un grupo de valores. Las matrices pueden contener elementos de diferentes tipos de datos, y cada elemento tiene un índice correspondiente.

Ejemplo:

1
let numbers = [1, 2, 3, 4, 5];

Function (Función)

Una función es un bloque de código reutilizable que puede aceptar parámetros de entrada, realizar una serie de operaciones y devolver un resultado. Las funciones son ciudadanos de primera clase en JavaScript, pueden ser asignadas a variables, pasadas como parámetros a otras funciones o usadas como valores de retorno de otras funciones.

Ejemplo:

1
function greet(name) {
2
  console.log("Hello, " + name + "!");
3
}
4
greet("JavaScript");

typeof

typeof es un operador en JavaScript utilizado para obtener el tipo de una variable dada (por lo que no se necesitan paréntesis en typeof). Devuelve una cadena que representa el tipo de variable.

Ejemplo:

1
let undefinedVariable;
2
let booleanVariable = true;
3
let numberVariable = 42;
4
let stringVariable = "Hello";
5
let objectVariable = { key: "value" };
6
let functionVariable = function() {};
7
let symbolVariable = Symbol("mySymbol");
8
let nullVariable = null;
9

10
console.log(typeof undefinedVariable);  // Salida "undefined"
11
console.log(typeof booleanVariable);    // Salida "boolean"
12
console.log(typeof numberVariable);     // Salida "number"
13
console.log(typeof stringVariable);     // Salida "string"
14
console.log(typeof objectVariable);     // Salida "object"
15
console.log(typeof functionVariable);   // Salida "function"
16
console.log(typeof symbolVariable);     // Salida "symbol"
17
console.log(typeof nullVariable);     // Salida "object"

El uso de typeof x, x devolverá el tipo de variable y el valor de la variable. Primero ejecuta typeof x, luego ejecuta x, y genera ambos valores.

Ejemplo:

1
let x = 42;
2
console.log(typeof x, x);

• typeof x devuelve “number”, indicando que el tipo de la variable x es un número.
• x devuelve el valor de la variable x, es decir, 42.