VARIABLES EN JAVASCRIPT

Conceptos Básicos:

Las variables son contenedores para almacenar datos. En JavaScript, puedes declarar variables
usando las palabras clave var, let, o const.

• var: Se usaba principalmente antes de la introducción de let y const en ES6. Las variables
declaradas con var se pueden redeclarar.

• let: Se usa para declarar variables que pueden cambiar su valor. Tiene un ámbito de bloque
(dentro de llaves {}). No pueden ser redeclaradas en el mismo ámbito.

• const: Se usa para declarar constantes, es decir, variables cuyo valor no puede cambiar.
También tiene un ámbito de bloque. No pueden ser redeclaradas en el mismo ámbito.

Tipos de Datos:

JavaScript es un lenguaje de tipado dinámico, lo que significa que no necesitas especificar el tipo de
dato al declarar una variable. Algunos tipos de datos comunes son:

• String: Cadenas de texto, por ejemplo, "Hola"

• Number: Números, ya sean enteros o decimales, por ejemplo, 42 o 3.14

• Boolean: Valores lógicos, true o false

• Array: Listas de valores, por ejemplo, [1, 2, 3]

• Object: Colecciones de pares clave-valor, por ejemplo, {nombre: "Juan", edad: 30}

• Null: Un valor intencionalmente vacío, por ejemplo, null

• Undefined: Valor predeterminado de una variable no inicializada, por ejemplo, undefined

Experimentando:

Introducción a JavaScript Álvaro Coello – Edición 2024

Mostrando tipo de datos:

Para saber qué tipo de dato es el que contiene una variable, podemos usar typeof

OPERADORES

Operadores Aritméticos:

• +: Suma
• -: Resta
• *: Multiplicación
• /: División
• %: Módulo (resto de la división)

Introducción a JavaScript Álvaro Coello – Edición 2024

 OPERADORES DE COMPARACIÓN:

• ==: Igualdad
• !=: Desigualdad
• ===: Estrictamente igual (compara valor y tipo)
• !==: Estrictamente desigual (compara valor y tipo)
• >: Mayor que
• <: Menor que
• >=: Mayor o igual que
• <=: Menor o igual que

Introducción a JavaScript Álvaro Coello – Edición 2024

 OPERADORES LÓGICOS:

• &&: AND lógico

• ||: OR lógico
• !: NOT lógico

Introducción a JavaScript Álvaro Coello – Edición 2024

 CONDICIONALES

If: Condicionales simples. Se ejecuta si la evaluación es verdadera.

If-Else: Se usa para ejecutar código basado en una condición, si lo evaluado no es verdadero,
ejecuta las instrucciones dentro del else.

Introducción a JavaScript Álvaro Coello – Edición 2024

Else-If: Evalúa distintas posibilidades, comenzando desde arriba hacia abajo.

Switch: Se usa para seleccionar una de muchas opciones basadas en el valor de una expresión.
Cuando encuentra una coincidencia, ejecuta el código asociado. default se ejecuta si no hay
coincidencias.

Introducción a JavaScript Álvaro Coello – Edición 2024

Operador ternario ? : : El operador ternario es una forma compacta de escribir un if...else, evalua la
condición antes del ?, si cumple, ejecuta la instrucción siguiente, sino, ejecuta la instrucción dada
después de los :

Resumen

Los condicionales son una herramienta fundamental en programación, permitiendo que un

programa tome decisiones basadas en condiciones. Desde el simple if...else hasta el uso más
avanzado del switch y el operador ternario, dominar estos conceptos es clave para desarrollar lógica
en cualquier lenguaje de programación. Los ejercicios propuestos te ayudarán a practicar y reforzar
estos conceptos.

Introducción a JavaScript Álvaro Coello – Edición 2024

 ESTRUCTURAS REPETITIVAS

Las estructuras repetitivas, también conocidas como bucles o ciclos, permiten que un bloque de
código se ejecute múltiples veces según una condición.

1) for: Repite un bloque de código un número específico de veces.

2) while: Repite un bloque de código mientras una condición sea verdadera.

Introducción a JavaScript Álvaro Coello – Edición 2024

 3) do...while: Similar a while, pero ejecuta el bloque al menos una vez antes de evaluar la
condición.

4) for...in: Itera sobre las propiedades enumerables de un objeto. Este bucle es ideal cuando
necesitas trabajar con las claves o propiedades de un objeto, y te permite recorrer un objeto
completo.

Introducción a JavaScript Álvaro Coello – Edición 2024

 5) for...of: Itera sobre elementos iterables como arrays, strings, maps, etc. Esto significa que
este bucle se enfoca en los valores de las estructuras y no en las propiedades o índices.

Introducción a JavaScript Álvaro Coello – Edición 2024

 ARREGLOS

Un arreglo (o array) es una estructura de datos que permite almacenar múltiples valores en una sola
variable. Los arreglos son extremadamente versátiles y se utilizan para almacenar colecciones de
datos.

• Definición: Un arreglo es una lista ordenada de elementos, donde cada elemento tiene un
índice o posición numérico que comienza en 0.

• Creación de Arreglos:

o Se puede crear un arreglo utilizando corchetes [] o utilizando el método new Array()

o Un arreglo puede contener cualquier tipo de datos: números, cadenas de texto,

objetos, funciones, e incluso otros arreglos.

Métodos Comunes de los Arreglos en JavaScript

JavaScript proporciona muchos métodos integrados para trabajar con arreglos. A continuación, se
describen algunos de los métodos más utilizados:

1. push()

• Descripción: Añade uno o más elementos al final de un arreglo y devuelve la nueva longitud
del arreglo.

Introducción a JavaScript Álvaro Coello – Edición 2024

2. pop()

• Descripción: Elimina el último elemento de un arreglo y lo devuelve.

3. unshift()

• Descripción: Añade uno o más elementos al principio de un arreglo y devuelve la nueva

longitud del arreglo.

4. shift()

• Descripción: Elimina el primer elemento de un arreglo y lo devuelve.

Introducción a JavaScript Álvaro Coello – Edición 2024

5. length

• Descripción: Devuelve la cantidad de elementos en un arreglo.

6. indexOf()

• Descripción: Devuelve el primer índice en el que un elemento dado se encuentra en el

arreglo, o -1 si no se encuentra.

7. splice()

• Descripción: Cambia el contenido de un arreglo eliminando, reemplazando o añadiendo

elementos.

Introducción a JavaScript Álvaro Coello – Edición 2024

8. slice()

• Descripción: Devuelve una copia superficial de una porción del arreglo dentro de un nuevo
arreglo.

9. concat()

• Descripción: Se usa para unir dos o más arreglos. Este método no cambia los arreglos
existentes, sino que devuelve un nuevo arreglo.

10. join()

• Descripción: Une todos los elementos de un arreglo en una cadena y la devuelve.

11. reverse()

• Descripción: Invierte el orden de los elementos en el arreglo, y lo modifica in situ.

Introducción a JavaScript Álvaro Coello – Edición 2024

12. sort()

• Descripción: Ordena los elementos de un arreglo en su lugar y devuelve el arreglo ordenado.

13. map()

• Descripción: Crea un nuevo arreglo con los resultados de aplicar una función a cada uno de
los elementos del arreglo original. En este caso, creará un nuevo arreglo llamado ‘longitudes’
con la iteración de cada elemento y usando length lo poblará con las longitudes de cada
elemento.

14. filter()

• Descripción: Crea un nuevo arreglo con todos los elementos que pasan una prueba
determinada por una función. En este caso estamos buscando los elementos que incluyen
la letra ‘M’

15. reduce()

• Descripción: Aplica una función a un acumulador y a cada valor de un arreglo (de izquierda
a derecha) para reducirlo a un solo valor.

Introducción a JavaScript Álvaro Coello – Edición 2024

Introducción a JavaScript Álvaro Coello – Edición 2024