Entiende los diferentes Tipos de datos en la Programación (JavaScript)

¡Hola HaWker! Jeff Bruchado por aquí.

Este es el quinto artículo de nuestra serie de artículos que va a cubrir nuestro viaje para Aprender Programación desde Cero.

Bueno, sin rodeos, ¡vamos a comenzar!

Dentro del universo de la programación, tenemos diferentes Tipos de Datos disponibles para utilizarlos en nuestro día a día como Programador.

Este artículo tiene como objetivo elucidar los diferentes tipos de datos disponibles en la Programación, específicamente en JavaScript que es el lenguaje que elegimos para estudiar aquí en esta serie de artículos.

Bueno, antes de todo:

Necesitas entender que JavaScript es un lenguaje de programación de tipado dinámico, lo que significa que el tipo de una variable puede cambiar durante la ejecución del código.

Esto difiere de lenguajes de programación de tipado estático, donde el tipo de una variable es definido en el momento de la declaración y no puede ser alterado después.

Sabiendo esto podemos comenzar con los diferentes tipos:

String

Las Strings son una secuencia de caracteres usada para representar textos.

Las strings son delimitadas por comillas simples (' ') o comillas dobles (" ").

Sigue un ejemplo de cómo declarar una string en JavaScript:

let single = '¡Hola, mundo!';
let double = "¡Hola, mundo!";

Como puedes ver, y como expliqué en el artículo sobre variables, la declaración del tipo está directamente relacionada a la asignación de la variable, entonces para asignar valores String a una variable puedes hacer como ejemplificado arriba.

Number

El tipo Number es un tipo de dato que puede representar un número entero (1, 2, 20, 30, 35...) o un número de punto flotante (1.2, 1.5, 2.5, 10.20, 20.50, 35.50...).

JavaScript no tiene un tipo de dato separado para números enteros y números de punto flotante, entonces ambos son representados como números.

Sigue un ejemplo de cómo declarar un número:

let int = 42;
let float = 3.14;

BigInt

BigInt es un tipo de dato que representa números enteros de precisión arbitraria.

Pero Jeff, ¿qué significa eso?!

Básicamente se refieren a un tipo de dato usado en computación para representar números enteros sin limitar su tamaño por la cantidad de bits de una palabra del computador.

Normalmente, la precisión de los números enteros en computadores es limitada por el tamaño de la palabra (por ejemplo, 32 bits o 64 bits), lo que define un límite superior e inferior para los valores que pueden ser representados. En contraste, los números enteros de precisión arbitraria no tienen un límite fijo de tamaño.

Ellos pueden representar números enteros extremadamente grandes (o pequeños, si negativos) que exceden los límites de los tipos de datos enteros estándar. Esto es útil en varias aplicaciones, como criptografía, matemática computacional, y siempre que operaciones con números muy grandes son necesarias.

Y esa representación es hecha por el valor n, donde n es un número entero seguido por un n.

A continuación un ejemplo de cómo se declara un BigInt:

let bigInt = 123456789012345678901234567890n;

Boolean

El tipo Boolean es un tipo de dato que puede asumir dos valores: true o false.

Los valores booleanos son muchas veces usados en estructuras de control de flujo (Son los famosos If...else, en breve vas a recibir un artículo sobre esto.) para testear si una condición es verdadera o falsa.

Y ya te adelanto que: Entender este tipo es de extrema importancia, porque los utilizamos a todo momento en nuestra vida como Programador.

Abajo sigue un ejemplo de cómo declarar un valor booleano:

let isNight = true;
let isMorning = false;

Null

El tipo Null es un tipo de dato que representa la ausencia de un valor.

Él es usado cuando un valor es esperado, pero no está disponible. O sea, es simplemente un vacío que no existe.

Abajo está un ejemplo de cómo declarar un valor null:

let empty = null;

Undefined

El tipo Undefined es un tipo de dato que es asignado automáticamente a una variable que no fue inicializada (o sea, no fue asignado un valor).

Aquí en este trecho necesito abrir un paréntesis por el siguiente problema:

Leyendo el concepto arriba puede ser que entiendas el tipo undefined y el tipo null como siendo iguales. Sin embargo son diferentes.

Ambos tipos representan "ningún valor".

Pero la principal diferencia entre ellos, es que el undefined significa que una variable fue declarada, pero aún no tiene ningún valor asignado a ella.

En otras palabras el undefined es el valor por defecto para variables que son declaradas pero no inicializadas.

En contrapartida el null es un valor que representa la ausencia intencional de cualquier valor de objeto. Y él es usado para indicar o asignar "nada" o "ningún valor" a una variable.

Bueno, pero vamos a un ejemplo de cómo declarar una variable con valor undefined:

let x;
console.log(x); // undefined

Como mostrado arriba, para declarar una variable con valor undefined, simplemente solo declaras la variable sin asignar ningún valor a ella.

Symbol

El tipo de dato Symbol es un tipo de dato único e inmutable usado para crear identificadores exclusivos.

Los símbolos son creados usando la función Symbol().

Y para ser sincero son poquísimo utilizados, pero traje este tipo aquí para que sepas que existen.

Abajo un ejemplo de declaración de un Symbol:

let symbol1 = Symbol('hello');
let symbol2 = Symbol('hello');
console.log(symbol1 === symbol2); // false

Object

Bueno, en la Programación y en JavaScript, además de los tipos de datos primitivos, existe también el tipo de dato Object, que es un tipo más genérico que representa cualquier tipo de objeto.

Básicamente los objetos están compuestos por pares de key: value y pueden contener cualquier tipo de dato, incluyendo otros objetos.

Por ejemplo:

let obj = {
  id: 1,
  key: 'value',
  num: 42,
  isHawk: true,
  metadata: {
    createdBy: 'Jeff',
    updatedBy: 'John',
  },
};

O sea, es a través de los Objects que vas a conseguir traer abstracciones más complejas relativas al mundo real.

Con ellos, vas a conseguir concentrar mucha más información dentro de una única variable.

En este instante te mostré cómo funcionan los objects, a continuación te voy a mostrar cómo acceder a esos valores, a través de las claves de los Objects.

Accediendo a las claves de un objeto

Para acceder a los valores de las claves de un objeto, puedes utilizar la notación de punto o la notación de corchetes.

A continuación te voy a mostrar ejemplos de cómo acceder a las claves del objeto obj que definimos arriba:

Notación de punto

Primero tenemos la forma más común de acceder a esas claves, la notación de punto. Y esta es la manera más común de acceder a las claves de un objeto.

Para hacer esto, basta con digitar el nombre del objeto, seguido de un punto y, a continuación, el nombre de la clave:

console.log(obj.id); // 1
console.log(obj.key); // 'value'
console.log(obj.num); // 42
console.log(obj.isHawk); // true
console.log(obj.metadata.createdBy); // 'Jeff'
console.log(obj.metadata.updatedBy); // 'John'

Notación de corchetes

Y en contrapartida la segunda opción es usar la notación de corchetes, ella es útil cuando la clave es una variable o una string que puede no ser un identificador JavaScript válido.

Para usar la notación de corchetes, digita el nombre del objeto, seguido de corchetes y la clave entre comillas:

console.log(obj['id']); // 1
console.log(obj['key']); // 'value'
console.log(obj['num']); // 42
console.log(obj['isHawk']); // true
console.log(obj['metadata']['createdBy']); // 'Jeff'
console.log(obj['metadata']['updatedBy']); // 'John'

Ambas notaciones son consideradas "correctas", y ambas tienen su aplicabilidad, la notación de corchetes, es especialmente utilizada cuando no sabes el valor de la clave, o el valor de esa clave es definido dinámicamente.

Pero entre las dos opciones, si tienes la posibilidad de elegir una u otra, siempre prefiere utilizar la Notación de Punto por ser más concisa y dejar el código más limpio.

Conclusión

Pues bien HaWker, como puedes percibir, este es un artículo bien denso, y de extrema importancia.

Probablemente este es uno de los más importantes de los que ya te envié.

Y con esto entendiste que existen diferentes tipos de datos y cada uno se aplica en su contexto correcto.

Es de extrema importancia que consigas comprender estos conceptos para conseguir progresar en el mundo de la Programación.

Entonces si no entendiste algo, o si quedaste con alguna duda, ¡por favor! Respóndeme este email con tu duda, para que así yo consiga ayudarte de la mejor forma.

Y recuerda, si quieres tener acceso completo a este material de la secuencia de artículos que vas a recibir, con ejercicios prácticos para estudiar la teoría y luego ya salir poniéndolo en práctica, haz clic aquí en este link.

PS: Haz clic en él solamente si realmente quieres acelerar.

Al final, a lo largo del tiempo vas a recibir todo aquí, de forma totalmente gratuita. Lo que te ofrezco en ese link es una aceleración y una mayor organización con todo dentro de un único lugar.

¡Si te interesa, sigue adelante!

Espero que este artículo te haya ayudado a entender mejor sobre esos diferentes Tipos de Datos, y que hayas entendido la importancia de ellos en nuestras vidas como Programadores.

¡Y recuerda, estoy aquí para ayudarte en cada paso del camino!

¡Sensacional HaWker! 👏🏻

Llegamos al fin de nuestro quinto artículo. 😮‍💨

Y si llegaste hasta aquí, por favor, responde este email con "Conseguí aprender sobre los diferentes tipos de datos". De esta forma voy a saber que esta serie de artículos está siendo útil para ti.

Solamente un verdadero HaWker llega hasta el final.

¡Felicitaciones!

Estoy feliz de tenerte aquí.

Te veo pronto, ¡vamos a por ello! 🦅

- Jeff Bruchado

¡Felicitaciones por llegar hasta aquí, HaWker! 🎉

En este momento que aprendiste sobre los diferentes tipos de datos en la programación JavaScript, ¿qué tal testear tus conocimientos? Participa del quiz abajo y ve cuánto absorbiste de nuestro artículo.

Es una excelente manera de fijar el aprendizaje y prepararte para los próximos pasos en tu viaje de programación.

Presiona para acceder al quiz.

¡Buena suerte y diviértete!