Arrays en JavaScript

Un array (o arreglo) en JavaScript es una estructura de datos que puede almacenar múltiples valores en una sola variable. Los arrays son útiles cuando necesitas trabajar con colecciones de datos, como una lista de elementos o valores relacionados. Un array puede contener diferentes tipos de datos, incluyendo números, cadenas de texto, objetos e incluso otros arrays.

Creación de un Array

Para crear un array en JavaScript, se utiliza la sintaxis de corchetes [] o el constructor new Array(). Aquí te mostramos cómo crear un array con valores: 



const frutas = ["Manzana", "Banano", "Cereza"];



const numeros = new Array(1, 2, 3, 4);

En este ejemplo, hemos creado dos arrays. El primero frutas contiene una lista de cadenas de texto, mientras que el segundo numeros contiene una lista de números.

Acceder a los Elementos de un Array

Los elementos de un array se acceden mediante un índice, que comienza desde 0. Para acceder a un elemento, simplemente usas el nombre del array seguido del índice dentro de corchetes []. 


const frutas = ["Manzana", "Banano", "Cereza"];



console.log(frutas[0]);

console.log(frutas[2]);

Recuerda que el índice comienza en 0, por lo que el primer elemento del array se encuentra en el índice 0, el segundo en el índice 1, y así sucesivamente.

Modificar Elementos de un Array

Puedes modificar los elementos de un array asignando un nuevo valor a un índice específico: 


const frutas = ["Manzana", "Banano", "Cereza"];



frutas[1] = "Pera";

console.log(frutas);

En este ejemplo, hemos cambiado el valor del segundo elemento del array frutas[1] de "Banano" a "Pera".

Métodos Comunes de Arrays

JavaScript ofrece una variedad de métodos para trabajar con arrays. Aquí te mostramos algunos de los más comunes:

  • push(): Agrega un o más elementos al final del array.
    • 
const frutas = ["Manzana", "Banano"];
    
frutas.push("Cereza");
    
console.log(frutas); // Imprime: ["Manzana", "Banano", "Cereza"]
  • pop(): Elimina el último elemento del array.
    • 
const frutas = ["Manzana", "Banano", "Cereza"];
    
frutas.pop();
    
console.log(frutas);
  • shift(): Elimina el primer elemento del array.
    • 
const frutas = ["Manzana", "Banano", "Cereza"];
    
frutas.shift();
    
console.log(frutas);
  • unshift(): Agrega uno o más elementos al principio del array.
    • 
const frutas = ["Banano", "Cereza"];
    
frutas.unshift("Manzana");
    
console.log(frutas);
  • splice(): Cambia el contenido de un array eliminando, reemplazando o agregando elementos.
    • 
const frutas = ["Manzana", "Banano", "Cereza"];
    
frutas.splice(1, 1, "Pera");
    
console.log(frutas);

Iterar sobre un Array

Puedes iterar sobre los elementos de un array utilizando bucles. Aquí hay un ejemplo usando un bucle for: 


const frutas = ["Manzana", "Banano", "Cereza"];



for (let i < frutas.length; i++) {

    console.log(frutas[i]);

}



// Imprime: Manzana, Banano, Cereza

También puedes usar el método forEach(), que es específico para arrays: 


frutas.forEach(function(fruta) {

    console.log(fruta);

}

Array Multidimensional

Un array multidimensional es un array que contiene otros arrays como elementos. Son útiles para almacenar tablas o matrices. 


const matriz = [

  [1, 2, 3],

  [4, 5, 6],

  [7, 8, 9]

];



console.log(matriz[0][1]);

Métodos de Array Avanzados

JavaScript también ofrece métodos avanzados para manipular arrays, como map(), filter(), reduce(), etc. Estos métodos permiten realizar transformaciones y filtrados eficientes sobre los datos en los arrays.

  • map(): Crea un nuevo array con los resultados de aplicar una función a cada elemento.
    • 
const numeros = [1, 2, 3];
    
const cuadrados = numeros.map(num => num * num);
    
console.log(cuadrados);
  • filter(): Crea un nuevo array con todos los elementos que pasen una prueba.
    • 
const numeros = [1, 2, 3, 4, 5];
    
const pares = numeros.filter(num => num % 2 === 0);
    
console.log(pares);
  • reduce(): Aplica una función a un acumulador y a cada valor de un array (de izquierda a derecha) para reducirlo a un solo valor.
    • 
const numeros = [1, 2, 3];
    
const suma = numeros.reduce((acumulador, num) => acumulador + num, 0);
    
console.log(suma);

Resumen

Los arrays son fundamentales para almacenar y manipular colecciones de datos en JavaScript. Puedes crear, modificar, iterar y aplicar muchos métodos a los arrays para trabajar de manera eficiente con datos. Aprender a trabajar con arrays es esencial para mejorar tus habilidades en JavaScript y desarrollar aplicaciones más complejas.

Anterior Siguiente