Tutorial JavaScript: Array

Un Array (también conocido como arreglo o matriz) en JavaScript es un objeto global que se utiliza para almacenar múltiples valores (ya sean números, cadenas, objetos o incluso otras matrices) en una única variable. Los Arrays permiten a los programadores organizar y manipular datos de manera conveniente y eficiente.

En JavaScript, los Arrays son objetos con varias propiedades y métodos que se pueden utilizar para realizar operaciones comunes en las colecciones de datos, como agregar o eliminar elementos, iterar sobre todos los elementos, o encontrar elementos que satisfagan una condición específica, entre otros.

Creación de Arrays

Para crear un Array en JavaScript, se pueden utilizar dos enfoques diferentes:

1. Utilizar el constructor Array:

let frutas = new Array('manzana', 'plátano', 'cereza');

2. Utilizar la notación de arreglo literal:

let frutas = ['manzana', 'plátano', 'cereza'];

Ambos enfoques darán como resultado un Array llamado frutas, que contendrá tres elementos: 'manzana', 'plátano' y 'cereza'.

Acceso a elementos

Los elementos de un Array se pueden acceder utilizando índices numéricos, comenzando desde 0.

let primeraFruta = frutas[0]; // 'manzana'
let segundaFruta = frutas[1]; // 'plátano'
let terceraFruta = frutas[2]; // 'cereza'

Modificación

Para agregar un nuevo elemento al final del Array, se puede utilizar el método push:

frutas.push('naranja');
// El Array ahora es ['manzana', 'plátano', 'cereza', 'naranja']

Para eliminar el último elemento del Array, se puede utilizar el método pop:

frutas.pop();
// El Array vuelve a ser ['manzana', 'plátano', 'cereza']

JavaScript también ofrece la posibilidad de realizar múltiples operaciones en un Array, utilizando métodos como map, filter o reduce. Estos métodos permiten transformar los datos contenidos en el Array, obtener un subconjunto de datos basado en ciertas condiciones, o incluso reducir un Array a un único valor.

Los arrays en JavaScript son estructuras de datos dinámicas, lo que significa que pueden cambiar de tamaño en tiempo de ejecución, ya que permiten agregar o eliminar elementos fácilmente. Además, los arrays en JavaScript son heterogéneos, lo que significa que pueden contener elementos de diferentes tipos en el mismo array. Por ejemplo, un array puede contener números, cadenas, objetos e incluso otros arrays.

let mix = [1, "cadena", { clave: "valor" }, [2, 3, 4]];

Propiedades y métodos

Los arrays en JavaScript heredan propiedades y métodos del prototipo Array.prototype.

• length: Esta propiedad devuelve la cantidad de elementos que hay en el array. Por ejemplo:

  let colores = ["rojo", "azul", "verde"];
  console.log(colores.length); // 3
  

• indexOf(): Este método devuelve el primer índice en el que se encuentra un elemento buscado dentro del array, o -1 si no se encuentra. Por ejemplo:

  let numeros = [1, 2, 3, 4, 5];
  console.log(numeros.indexOf(3)); // 2
  console.log(numeros.indexOf(6)); // -1
  

• splice(): Este método permite agregar y/o eliminar elementos de un array. El primer argumento será el índice inicial, y el segundo será el número de elementos a eliminar. Todos los argumentos sucesivos serán los elementos a añadir al array Por ejemplo:

  let frutas = ["manzana", "plátano", "cereza"];
  frutas.splice(1, 1, "naranja", "pera");
  // El Array ahora es ['manzana', 'naranja', 'pera', 'cereza']
  

• join(): Este método une los elementos del array en una única cadena, separándolos por un separador especificado. Por ejemplo:

  let animales = ["gato", "perro", "elefante"];
  console.log(animales.join(" - ")); // "gato - perro - elefante"
  

• slice(): Este método devuelve un subarray, creado a partir de un índice inicial (inclusivo) y un índice final opcional (exclusivo). Por ejemplo:

  let letras = ["a", "b", "c", "d", "e"];
  console.log(letras.slice(1, 3)); // ["b", "c"]
  

• concat(): Este método permite concatenar dos o más arrays y devuelve un nuevo array con los elementos combinados. Por ejemplo:

  let arr1 = [1, 2, 3];
  let arr2 = [4, 5, 6];
  let arr3 = arr1.concat(arr2);
  console.log(arr3); // [1, 2, 3, 4, 5, 6]
  

• reverse(): Este método invierte el orden de los elementos en un array. Por ejemplo:

  let palabras = ["hola", "mundo"];
  palabras.reverse();
  // El Array ahora es ['mundo', 'hola']
  

• sort(): Este método ordena los elementos de un array según un criterio específico. sort() recibe como parámetro una función de (a, b) que devuelve un entero tal que, si el resultado es negativo a se sitúa antes que b, si es positivo b se sitúa antes que a, y si es 0 no se modifica su orden. Por ejemplo:

  let numerosDesordenados = [10, 5, 8, 1, 7];
  numerosDesordenados.sort((a, b) => a - b);
  // El Array ahora es [1, 5, 7, 8, 10]
  

En resumen, los Arrays en JavaScript son objetos que permiten almacenar y manipular múltiples valores en una única variable. Se pueden crear utilizando el constructor Array o la notación de arreglo literal, y se pueden manipular utilizando una amplia variedad de métodos y propiedades. Los arrays en JavaScript son estructuras de datos dinámicas y heterogéneas que proporcionan una amplia variedad de propiedades y métodos para manipular y acceder a los elementos de manera eficiente. Los Arrays son fundamentales en la programación con JavaScript, ya que proporcionan una forma muy flexible y eficiente de trabajar con colecciones de datos.