Variables y Tipos de Datos en JavaScript

Introducción

¡Bienvenido al mundo de JavaScript! En este laboratorio, aprenderás sobre dos de los conceptos más fundamentales en programación: las variables y los tipos de datos. Las variables son como contenedores que almacenan información, y los tipos de datos definen qué tipo de información puede contener una variable.

Cubriremos:

• Declarar variables usando la palabra clave let.
• Trabajar con tres tipos de datos básicos: String (texto), Number (valores numéricos) y Boolean (verdadero/falso).
• Usar la función console.log() para mostrar la salida.
• Comprobar el tipo de dato de una variable con el operador typeof.

Al final de este laboratorio, tendrás una base sólida para trabajar con datos en JavaScript.

Declarar variable con la palabra clave let

En este paso, aprenderás cómo declarar una variable en JavaScript. Usamos palabras clave para declarar variables, y una de las más comunes es let. La palabra clave let indica que estás creando una nueva variable que puede ser reasignada más tarde.

Primero, encuentra el archivo script.js en el explorador de archivos en el lado izquierdo del WebIDE. Haz clic en él para abrirlo en el editor.

Ahora, agrega la siguiente línea de código a script.js para declarar una variable llamada message.

let message;

Esta línea le dice al motor de JavaScript que reserve un espacio en memoria para una variable llamada message. Todavía no tiene un valor, lo que significa que su valor es undefined por defecto.

Asignar valor de cadena a la variable

Ahora que has declarado una variable, vamos a asignarle un valor. Empezaremos con el tipo de dato String (cadena). Una cadena es una secuencia de caracteres utilizada para representar texto. En JavaScript, las cadenas se encierran entre comillas simples (') o comillas dobles (").

Usamos el operador de asignación (=) para asignar un valor a una variable. Puedes declarar y asignar en dos pasos separados, pero es más común hacerlo en una sola línea.

Modifica tu archivo script.js para declarar la variable message y asignarle un valor de cadena en una sola línea. Reemplaza el código existente con el siguiente:

let message = "Hello, LabEx!";

Esta única línea crea la variable message y almacena el texto "Hello, LabEx!" dentro de ella.

Asignar valor numérico y registrar en la consola

A continuación, exploraremos el tipo de dato Number (número). Este tipo se utiliza para todos los valores numéricos, incluyendo enteros (como 10) y números decimales (como 3.14).

En este paso, también aprenderás a usar console.log(). Esta es una función integrada de JavaScript que imprime información en la consola de desarrollador del navegador. Es una herramienta esencial para verificar los valores de tus variables y depurar tu código.

Agrega las siguientes líneas al final de tu archivo script.js. Esto creará una nueva variable userCount e imprimirá su valor en la consola.

let userCount = 100;
console.log(userCount);

Para ver la salida, haz clic en la pestaña Web 8080 en la parte superior de la interfaz de LabEx. Haz clic derecho en la página, selecciona "Inspect" (Inspeccionar) y luego haz clic en la pestaña "Console" (Consola) en el panel de herramientas de desarrollador que aparece. Deberías ver el número 100 impreso en la consola.

Usar booleano true o false en una variable

El tercer tipo de dato fundamental que cubriremos es el Boolean (booleano). Un booleano solo puede tener uno de dos valores: true (verdadero) o false (falso). Los booleanos son la base de la lógica y la toma de decisiones en la programación.

Vamos a declarar una variable booleana. Agrega las siguientes líneas al final de tu archivo script.js para crear una variable llamada isComplete y registrar su valor.

let isComplete = true;
console.log(isComplete);

Ahora, regresa a la pestaña Web 8080 y mira la consola. Verás la nueva salida true impresa debajo del 100 del paso anterior.

Comprobar tipo de variable con el operador typeof

A veces necesitas saber qué tipo de datos se almacena en una variable. JavaScript proporciona el operador typeof para este propósito. Devuelve una cadena que indica el tipo del operando.

En este paso final, usarás typeof para inspeccionar el tipo de dato de cada variable que has creado. Agrega las siguientes líneas al final de tu archivo script.js.

console.log(typeof message);
console.log(typeof userCount);
console.log(typeof isComplete);

Después de agregar el código, cambia a la pestaña Web 8080 y actualiza la página si es necesario. Revisa la consola. Ahora verás el tipo de dato de cada variable impreso.

La salida esperada en la consola será:

string
number
boolean

Resumen

¡Felicitaciones por completar este laboratorio! Has dado tus primeros pasos en la programación con JavaScript aprendiendo sobre variables y tipos de datos fundamentales.

En este laboratorio, has aprendido a:

• Declarar variables usando la palabra clave let.
• Asignar valores a variables usando el operador de asignación (=).
• Trabajar con tres tipos de datos esenciales: String (cadena), Number (número) y Boolean (booleano).
• Usar console.log() para inspeccionar valores y depurar tu código.
• Usar el operador typeof para determinar el tipo de dato de una variable.

Estos conceptos son los pilares para escribir cualquier aplicación JavaScript. A medida que continúes tu viaje de aprendizaje, construirás sobre esta base para crear programas más complejos e interactivos.