Métodos de Array en JavaScript
Introducción
Los arrays de JavaScript son una característica central en el desarrollo web, ofreciendo una amplia gama de funcionalidades. Esta guía completa explora los métodos de array esenciales, proporcionando a los principiantes una comprensión profunda y ejemplos de código prácticos.
Comprender los Arrays en JavaScript
Los arrays en JavaScript se utilizan para almacenar múltiples valores en una sola variable. Esta estructura es ideal para gestionar colecciones de datos de diversos tipos.
Crear un Array
let fruits = ["Apple", "Banana", "Cherry"];Este fragmento muestra la creación de un array llamado fruits.
Acceder a los Elementos del Array
Los elementos de un array se acceden mediante su índice, comenzando desde 0.
Métodos Principales de Array
| Function | Description |
|---|---|
push() | Añade uno o más elementos al final de un array y devuelve la nueva longitud del array. |
pop() | Elimina el último elemento de un array y devuelve ese elemento. |
shift() | Elimina el primer elemento de un array y devuelve ese elemento. |
unshift() | Añade uno o más elementos al principio de un array y devuelve la nueva longitud del array. |
forEach() | Ejecuta una función proporcionada una vez por cada elemento del array. |
map() | Crea un nuevo array con los resultados de llamar a una función proporcionada en cada elemento del array original. |
filter() | Crea un nuevo array con todos los elementos que pasan la prueba implementada por la función proporcionada. |
reduce() | Aplica una función contra un acumulador y cada elemento del array (de izquierda a derecha) para reducirlo a un solo valor. |
slice() | Devuelve una copia superficial de una porción de un array en un nuevo objeto de array seleccionado desde el inicio hasta el final (el final no está incluido). |
splice() | Cambia el contenido de un array eliminando o reemplazando elementos existentes y/o añadiendo nuevos elementos en su lugar. |
find() | Devuelve el valor del primer elemento del array proporcionado que satisface la función de prueba proporcionada. |
findIndex() | Devuelve el índice del primer elemento del array que satisface la función de prueba proporcionada. |
some() | Comprueba si al menos un elemento del array pasa la prueba implementada por la función proporcionada. |
every() | Comprueba si todos los elementos del array pasan la prueba implementada por la función proporcionada. |
includes() | Determina si un array incluye un cierto valor entre sus entradas, devolviendo true o false según corresponda. |
indexOf() | Devuelve el primer índice en el que se puede encontrar un elemento dado en el array, o -1 si no está presente. |
concat() | Se utiliza para fusionar dos o más arrays. Este método no cambia los arrays existentes, sino que devuelve un nuevo array. |
Agregar y Eliminar Elementos
push()
Añade elementos al final de un array.
unshift()
Inserta elementos al principio.
pop()
Elimina el último elemento.
shift()
Elimina el primer elemento.
Buscar Elementos
indexOf()
Encuentra el índice de un elemento.
includes()
Comprueba si un elemento existe.
Iterar y Transformar
forEach()
Ejecuta una función para cada elemento.
map()
Crea un nuevo array aplicando una función.
filter()
Genera un nuevo array con elementos que cumplen una condición.
reduce()
Reduce el array a un solo valor.
Métodos Adicionales
fill()
Rellena todos los elementos con un valor estático.
reverse()
Invierte el orden de los elementos.
sort()
Ordena los elementos alfabéticamente o por una función personalizada. Nota: Al ordenar números, proporciona siempre una función de comparación para evitar resultados incorrectos (por ejemplo, 10 se ordena antes que 2 por defecto).
splice()
Añade/elimina elementos de un array.
slice()
Extrae una sección de un array.
concat()
Fusiona dos o más arrays.
toSorted()
Crea una copia ordenada del array.
toSpliced()
Crea una copia con elementos especificados añadidos/eliminados.
Conclusión
Comprender y utilizar los métodos de array de JavaScript es crucial para una manipulación eficiente de datos. Al dominar estos métodos, los desarrolladores pueden mejorar significativamente sus capacidades de codificación en JavaScript, allanando el camino para técnicas de programación más avanzadas.
Práctica
¿Cuál de los siguientes métodos de array se puede utilizar en JavaScript para añadir y eliminar elementos de un array?