08.md

Arrays

Hagamos un repaso de los tipos de datos que conocemos:

1. Números: 1, 2, 0, etc.
2. String o cadenas de texto: Hola JavaScript.
3. Booleanos: true o false.
4. undefined: valor especial que JavaScript le da a variables que fueron creadas pero no asignadas.

En este módulo vamos a aprender uno nuevo: Arrays.

Un array es un objeto global que ofrece Javascript, que almacena valores en formato lista. Esto nos va a permitir tener variables que representen información más compleja que un simple número o cadena de caracteres ya que vamos a poder almacenar muchos valores al mismo tiempo.

// Declaro un array con números
// Prestar atención a los [] (corchetes) y , (comas) para separar
// los diferentes valores que van a estar dentro de él
var numeros = [1, 2, 3, 4, 5];

// Declaro un array con strings
var palabras = ['Hola', 'mundo', 'cruel'];

// Declaro un array con múltiples tipos de datos
// (Sí, se puede 😊)
var deTodo = [true, 'JavaScript', 100, false];

// Muestro por la terminal todos los arrays
console.log(numeros); // [1, 2, 3, 4, 5]
console.log(palabras); // ['Hola', 'mundo', 'cruel']
console.log(deTodo); // [true, 'JavaScript', 100, false]

Este nuevo tipo de dato nos va a posibilitar agrupar información relacionada.

// Declaro y asigno una variable de tipo array
var misPeliculasFavoritas = ['Mi villano favorito', '9 reinas', 'Hércules vigila'];

// Muestro mi lista de peliculas favoritas por la terminal
console.log(misPeliculasFavoritas);

Otros ejemplos podrían ser: lista de usuarios de tu aplicación, lista de temas de un disco, notas de un alumno en una materia, meses del año o cualquier combinación de valores y tipos de datos que quieras.

A cada valor dentro del array se lo denomina elemento y podés acceder a cada uno por medio de su índice (empezando por 0).

var mesesDelPrimerTrimestre = ['Enero', 'Febrero', 'Marzo'];

// Guardo en una variable el primer elemento dentro del array ('Enero')
var primerMesDelTrimestre = mesesDelPrimerTrimestre[0];

console.log(primerMesDelTrimestre); // 'Enero'

// También puedo mostrar un elemento por la terminal directamente,
// sin necesidad de guardarlo en una variable
// En este caso vamos a mostrar el segundo elemento del array, por lo que usamos
// el índice `1` (recordá que el primer elemento siempre es el `0`)
console.log(mesesDelPrimerTrimestre[1]); // 'Febrero'

Los arrays tienen una propiedad especial llamada length que nos devuelve la cantidad de elementos que tiene.

var misMascotas = ['Loro', 'Perro', 'Gato'];

console.log(misMascotas.length); // 3

Esta propiedad es muy útil cuando queremos saber la cantidad de elementos de un array del que no conocemos su contenido.

Tips

1. Los arrays también son usualmente llamados colecciones.

2. Los índices de un array pueden especificarse por medio de expresiones que devuelvan un número y valores de variables. Veamos algunos ejemplos:

    var paises = [
        'Argentina', // Índice 0
        'Brasil', // Índice 1
        'Chile' // Índice 2
    ];
   
    // Muestro el primer elemento del array
    console.log(paises[0]); // 'Argentina'
    console.log(paises[0 + 2]); // 'Chile'
   
    // Declaro una variable para referirme al índice 1
    var indiceDeBrasil = 1;
    var brasil = paises[indiceDeBrasil];
   
    console.log(brasil); // 'Brasil'

3. Haciendo uso de la propiedad length, podemos acceder al último elemento de un array restándole 1. Siguiendo con el ejemplo anterior misMascotas[misMascotas.lenght - 1] nos devuelve 'Gato'. ¿Por qué restamos 1? Porque los índices empiezan por 0. Entonces, necesitamos restar 1 para referirnos a la posición correcta.

4. Podés crear arrays usando variables.

    // Declaro y asigno algunas variables
    var miPostreFavorito = 'Flan con dulce de leche';
    var miAnimalFavorito = 'Cocodrilo';
    var miColorFavorito = 'Negro';
   
    // Declaro un array que va a tener como valores las variables que declaré
    // antes + un string que dice `Dormir mucho`
    var cosasQueMeGustanMucho = [
        miPostreFavorito,
        miAnimalFavorito,
        miColorFavorito,
        'Dormir mucho'
    ];
   
    // Muestro el array por la terminal
    console.log(cosasQueMeGustanMucho);

Ejercicios

1. Dado el siguiente array de meses del año:

    var meses = [
        'Enero', // índice `0`
        'Febrero',
        'Marzo',
        'Abril',
        'Mayo',
        'Junio',
        'Julio',
        'Agosto',
        'Septiembre',
        'Octubre',
        'Noviembre',
        'Diciembre'  // índice 11, equivalente a `meses.length - 1`
    ];

   Escribir un programa que:

   1. Declare y asigne una variable que tenga como valor el número del mes de tu cumpleaños.
   2. Muestre por terminal el nombre del mes de tu cumpleaños.

2. Dado los siguientes arrays:

    var meses = [
        'Enero',
        'Febrero',
        'Marzo',
        'Abril',
        'Mayo',
        'Junio',
        'Julio',
        'Agosto',
        'Septiembre',
        'Octubre',
        'Noviembre',
        'Diciembre'
    ];
   
    var planetas = [
        'Mercurio',
        'Venus',
        'Tierra',
        'Marte',
        'Saturno',
        'Jupiter',
        'Urano',
        'Neptuno',
        'Plutón'
    ];

   1. Mostrar por la terminal la cantidad de elementos que tiene cada uno.
   2. Mostrar por la terminal el último elemento de cada array (usando la propiedad length que tienen los arrays).
   3. Mostrar el cuarto planeta por pantalla (Marte).

3. Dado el siguiente array de nombres:

    var nombres = ['Sofía', 'Abril'];
    var apellidos = ['Rodriguez', 'López'];

   1. Mostrar por la terminal el primer elemento de cada array.
   2. Crear un nuevo array llamado nombreCompleto que contenga el segundo elemento del array nombres y el primer elemento del array apellidos. Mostrar el nuevo array por la terminal.

4. Dado el siguiente array de participantes de una carrera y considerando que están ordenados en base al orden de llegada (el primer elemento es el primero en haber llegado):

    var corredores = [
        'Margarita', // ganó la carrera
        'Juan',
        'Raquel',
        'Ezequiel',
        'Gonzalo',
        'Martina',
        'Julian' // último 🙁
    ];

   1. Mostrar por la terminal los 3 primeros en llegar a la meta usando índices numéricos.
   2. Crear un nuevo array llamado losUltimos que contenga los 2 últimos corredores en llegar (usando la propiedad length que tienen los arrays). Mostrar este nuevo array por la terminal.

Respuestas

Continuar con Parámetros de ejecución en una aplicación Node.js