Métodos de Arrays en JavaScript - Parte 1

Un array es un objeto en JavaScript. Úsalo para almacenar múltiples valores en una sola variable.

En lugar de crear variables separadas para cada elemento, utiliza un solo array.

Ejemplo: let students = ["John", "David", "Alex"];

Cada valor es un elemento. Cada elemento tiene un índice que comienza desde 0.

• Índice 0: John • Índice 1: David • Índice 2: Alex

Conceptos esenciales de arrays

  1. La propiedad length La propiedad length te indica el número total de elementos. Es una propiedad, no una función. No utilices paréntesis.

• Correcto: arr.length • Incorrecto: arr.length()

Puedes cambiar la longitud para añadir o eliminar elementos. Si disminuyes la longitud, JavaScript elimina los elementos sobrantes. Si aumentas la longitud, JavaScript crea espacios vacíos.

  1. toString() Este método convierte tu array en una cadena de texto (string). Une los elementos con comas. No modifica el array original.

  2. join() Utilízalo cuando necesites un separador personalizado.

• fruits.join(" | ") devuelve "Apple | Orange | Banana" • fruits.join("-") devuelve "Apple-Orange-Banana"

  1. at() Este método devuelve un elemento en un índice específico. Admite números negativos.

• arr.at(-1) devuelve el último elemento. • arr.at(-2) devuelve el penúltimo elemento.

  1. pop() Este método elimina el último elemento de tu array. Devuelve el elemento que eliminó. Esto modifica tu array original.

  2. Array.isArray() Utilízalo para comprobar si un valor es un array. El operador typeof devuelve "object" para los arrays, por lo que no es fiable.

• Array.isArray([]) devuelve true • Array.isArray({}) devuelve false

  1. concat() Utilízalo para fusionar dos o más arrays. No modifica los arrays originales. Devuelve un array completamente nuevo.

  2. copyWithin() Este método copia parte de un array a una nueva posición dentro del mismo array. Sobrescribe los elementos existentes.

Nota importante sobre delete El operador delete elimina un elemento pero mantiene la misma longitud del array. Esto crea un hueco vacío en tu array. Utiliza otros métodos si quieres eliminar elementos y reducir el tamaño del array.

Fuente: https://www.w3schools.com/js/js_array_methods.asp

Guía completa: https://dev.to/annapoo/javascript-arrays-methods-part-1-kb7