Las variables y los tipos de datos son conceptos fundamentales en cualquier lenguaje de programación, incluyendo JavaScript. Una variable es un contenedor que puede almacenar cualquier tipo de información, como números, cadenas de texto, fechas, valores booleanos, entre otros. El tipo de datos que una variable puede almacenar define el tipo de operaciones que puedes realizar con esa información.

JavaScript es un lenguaje de tipado dinámico, lo que significa que no es necesario especificar el tipo de datos de una variable en el momento de la declaración. En su lugar, el tipo de datos de una variable se determina automáticamente en tiempo de ejecución. Esto significa que una misma variable puede almacenar diferentes tipos de datos a lo largo de su vida útil. Conocer los diferentes tipos de datos y cómo usarlos es una parte importante del aprendizaje de JavaScript.

Introducción

Durante este tema conocerás las estructuras de datos integradas en JavaScript y sus características. El portal para desarrolladores de Mozilla (Mdn web docs, 2023) asegura que, cada lenguaje de programación posee estructuras de datos integrados, pero a menudo difieren entre lenguajes. La intención en este tema es enumerar y comparar las diferentes estructuras de datos integradas en JavaScript.

Variables y tipos de datos en JavaScript. En JavaScript existen los siguientes tipos de datos:

• Number.
• String.
• Boolean.
• Null.
• Undefined.
• BigInt.
• Symbol.
• Object.
• Function.

En cuanto a variables, no existe un límite específico en la cantidad de variables que se pueden crear en JavaScript, sino que está limitado por la memoria disponible en el dispositivo en el que se está ejecutando el código. Por lo tanto, puedes crear tantas variables como necesites en tu código, siempre y cuando la memoria del dispositivo lo permita.

¿Qué son las variables y cuáles son los tipos de datos en JavaScript? Las variables en JavaScript son contenedores para almacenar valores. Permiten asignar un nombre a un valor y luego hacer referencia a ese valor a través de ese nombre. En el mundo real, piensa en una caja que tenga una etiqueta que indique lo que está dentro. De la misma manera, las variables en programación tienen un nombre que les da una identidad y pueden contener diferentes valores, dependiendo del tipo de datos que almacenen (Mdn web docs, 2023).

Por ejemplo, puedes tener una variable llamada "edad" que almacene el valor de 25, o una variable llamada "nombre" que almacene la cadena de texto "Juan". De esta manera, las variables te permiten almacenar y acceder a valores específicos en tus programas.

En JavaScript, hay 6 tipos de datos primitivos:

1. Number: para valores numéricos, tanto enteros como decimales.
2. String: para valores de texto o cadenas de caracteres.
3. Boolean: para valores lógicos verdaderos o falsos.
4. Undefined: para representar un valor no asignado o indefinido.
5. Symbol: para valores únicos e inmutables.
6. BigInt: para representar números enteros de tamaño arbitrario.

Además, existe un tipo de dato no primitivo llamado Object, que es una colección de propiedades y valores que pueden ser de cualquier tipo de dato, incluidos otros objetos. Y otro tipo de dato llamado Function, que es una estructura sin datos, pero es la forma abreviada para funciones. Null es otro tipo de dato de tipo Object.

Variables y tipos de datos

Variables y tipos de datos en JavaScript. Luego de ver teoría sobre las variables y tipos de datos en JavaScript, conocerás a profundidad cada uno de ellos con un ejemplo.

Datos primitivos: los datos primitivos en JavaScript son valores simples y básicos que representan un tipo de datos específico (Mdn web docs, 2023). Estos valores son los bloques de construcción básicos de JavaScript y se comportan de manera diferente a los objetos y otros tipos de datos complejos en la plataforma.

• Number: una variable de tipo number, en JavaScript, es una variable que almacena un valor numérico. Los números pueden ser enteros o decimales. Ejemplo:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este ejemplo, la variable "edad" es de tipo number y almacena un valor entero de 30, mientras que la variable "altura" es de tipo number y almacena un valor decimal de 1.75.

• String: una variable de tipo string, en JavaScript, es una variable que contiene una cadena de caracteres, es decir, una secuencia de letras, números, símbolos y/o espacios. Por ejemplo, podemos asignar una variable de tipo string de la siguiente manera:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este caso, la variable “nombre” contiene la cadena de caracteres "Juan". Es importante tener en cuenta que, para asignar una variable de tipo string, debemos incluir la cadena de caracteres dentro de comillas simples o dobles.

• Boolean: una variable booleana en JavaScript es un tipo de variable que sólo puede tener dos valores: verdadero (true) o falso (false). Estas variables se utilizan a menudo en expresiones lógicas para controlar el flujo de un programa. Ejemplo:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

• Undefined: una variable de tipo Undefined, en JavaScript, se refiere a una variable que ha sido declarada, pero no se le ha asignado un valor. En otras palabras, la variable existe, pero no tiene un valor definido. Ejemplo:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este ejemplo, la variable "name" ha sido declarada, pero no se le ha asignado un valor, por lo que su valor es "undefined".

• BigInt: es un nuevo tipo de datos en JavaScript que permite representar números enteros de tamaño arbitrario, es decir, números más grandes que los representados por el tipo Number. Para crear un BigInt se agrega “n” al final del número:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este ejemplo, se crea una variable BigInt con el valor: 123456789012345678901234567890 que es un BigInt.

• Symbol: un símbolo es un tipo de dato en JavaScript que es único e inmutable. Se puede usar como una clave en un objeto y a menudo se utiliza como un identificador único para una propiedad o un valor. Ejemplo:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este ejemplo, creaste una nueva variable de tipo Symbol llamada miSimbolo y la inicializaste con una descripción opcional. Luego usaste typeof para verificar que el tipo de datos es symbol.

Hay que tener presente que, en JavaScript, “null” y “undefined” son valores bastante extraños (sobre todo para principiantes), la diferencia entre "null" y "undefined" es que "null" se utiliza para indicar un valor vacío o no definido intencionalmente, mientras que "undefined" significa que una variable no ha sido inicializada o no tiene un valor asignado. Por ejemplo, considere el siguiente código:

• Diferencia entre "null" y "undefined":

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En el ejemplo anterior, la variable "a" no tiene un valor asignado, por lo que su valor es "undefined". La variable "b" se inicializa con el valor "null", lo que indica un valor vacío intencional.

Los tipos de datos primitivos están controlados por el operador typeof (Mdn web docs, 2023). “typeof” es un operador de JavaScript que devuelve una cadena que representa el tipo de un operando. Es muy útil para determinar el tipo de una variable antes de realizar operaciones con ella. El uso de typeof es muy sencillo, se coloca justo antes de la variable que deseas evaluar y su resultado se almacena en una variable o se muestra en la consola (Lenguaje JS, s.f.).

A continuación, se muestran algunos ejemplos de uso de typeof con diferentes tipos de variables:

• Uso de typeof con diferentes tipos de variables:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

Datos Object: los tipos de datos Object en JavaScript son un tipo de datos que permite almacenar múltiples valores en una sola estructura de datos. Un objeto es una colección de propiedades, donde cada propiedad es una pareja clave-valor. Las claves son strings y los valores pueden ser cualquier tipo de datos, incluyendo otro objeto. Los objetos son utilizados para modelar entidades complejas en su aplicación, como por ejemplo un usuario, un producto, una orden, etc. Se pueden crear objetos utilizando diferentes formas de sintaxis, como objetos literales o mediante la utilización de una función constructora (Mdn web docs, 2023).

• Object: una variable de tipo Object en JavaScript es un tipo de datos que permite almacenar múltiples valores asociados a una clave. Es una estructura de datos compleja y versátil que se puede utilizar para representar cualquier cosa, desde objetos literales hasta objetos de programación orientada a objetos. Un ejemplo de una variable de tipo Object es el siguiente:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este ejemplo, persona es un objeto con tres propiedades: nombre, edad y ciudad. Cada propiedad puede tener su propio valor, en este caso, una cadena de texto o un número.
• Null: en JavaScript, una variable de tipo "null" es un tipo de datos que representa la ausencia de un valor. Es decir, que una variable se ha definido, pero todavía no tiene un valor asignado. Esto se puede utilizar cuando se desea representar un valor desconocido o no disponible. Un ejemplo de uso de una variable de tipo "null" en JavaScript podría ser el siguiente:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este caso, la variable "usuario" se ha definido, pero tiene un valor nulo (ausencia de un valor porque así lo hemos querido indicar expresamente), por lo que su valor es "null".
• Function: una variable de tipo Function, en JavaScript, es una variable que almacena una función, que es un bloque de código que se puede llamar repetidamente para realizar una tarea específica. Un ejemplo de una variable de tipo Function en JavaScript es:

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

En este ejemplo, se ha creado una variable llamada "sum" que almacena una función que toma dos argumentos (a y b) y devuelve la suma de ambos. Luego, se puede llamar a la función usando la sintaxis:

• Sumar dos números

Esta pantalla se obtuvo directamente del software que se está explicando en la computadora, para
fines educativos.

No olvides consultar la bibliografía del curso y los recursos adicionales, dentro de ellos podrás profundizar en los temas y conceptos vistos en el tema.

Las variables y los tipos de datos son herramientas esenciales para cualquier programador de JavaScript. Comprender cómo usarlas adecuadamente te permitirá almacenar y manipular información de manera eficiente y organizada en tus aplicaciones. También es importante tener en cuenta que los tipos de datos dinámicos de JavaScript pueden tener un impacto en la eficiencia y la seguridad de tu código, por lo que es importante conocer los diferentes tipos de datos y cómo se comportan para poder elegir el más adecuado para cada situación.

En conclusión, dominar el uso de las variables y los tipos de datos es un paso importante en el aprendizaje de JavaScript. Al seguir practicando y construyendo aplicaciones, ganarás experiencia en la manipulación de datos y serás capaz de crear soluciones más eficientes y robustas. ¡Sigue adelante y explora todo lo que puedes hacer con estos conceptos!

Asegúrate de:

• Diferenciar entre los tipos de datos en JavaScript para poder tener clara su clasificación.
• Comprender la naturaleza de JavaScript en cuanto al tipo de lenguaje para que entiendas su filosofía respecto a cómo maneja los datos.
• Utilizar typeof constantemente para que te quede claro con qué tipo de dato estás trabajando.

• Lenguaje JS. (s.f.). Tipos de datos.
  Recuperado de https://lenguajejs.com/javascript/fundamentos/tipos-de-datos/
• Mdn web docs. (2023). Tipos de datos y estructuras en JavaScript.
  Recuperado de https://developer.mozilla.org/es/docs/Web/JavaScript/Data_structures

Los siguientes enlaces son externos a la Universidad Tecmilenio, al acceder a ellos considera que debes apegarte a sus términos y condiciones.

Lecturas
Para conocer más acerca de variables y tipos de datos en JavaScript, te sugerimos revisar lo siguiente:

• Ifgeekthen. (2022). Tipos de datos y operadores en JavaScript. Recuperado de https://ifgeekthen.nttdata.com/es/tipos-de-datos-y-operadores-en-javascript
• Londoño, P. (2022). ¿Cuáles son los tipos de datos en JavaScript? Recuperado de https://blog.hubspot.es/website/tipos-de-datos-javascript

Videos
Para conocer más acerca de variables y tipos de datos en JavaScript, te sugerimos revisar lo siguiente:

• midulive. (2022, 11 de marzo). Entiende y Domina todas las Estructuras y Tipos de Datos en JavaScript [Archivo de video].
  Recuperado de https://youtu.be/baDdsQ4aw4o
• TodoCode. (2020, 30 de marzo). TIPOS DE DATOS 🤓 | Introducción a los ALGORITMOS y la PROGRAMACIÓN | #2. [Archivo de video].
  Recuperado de https://youtu.be/_lNtSsEcnwc

• Computadora con acceso a Internet.
• Instalar Visual Studio Code.
• Navegador Web actualizado.

• Deberás revisar el tema variables y tipos de datos en JavaScript.