Resumen de arrays

Esta chuleta es un pequeño resumen sobre arrays en JavaScript, me la mandó mi compañero David y me parece tan intuitiva que he decidido apuntármela.

Propiedades estáticas

//Crea un array desde un string

Array.from("🍐🍉🍒"); // output: ['🍐', '🍉', '🍒']

// Comprueba si es un array

Array.isArray(["🍐", "🍉", "🍒"]); // output: true

// Crea un array con los elementos pasados

Array.of("🍐", "🍉", "🍒"); // output: ['🍐', '🍉', '🍒']

Propiedades de la instancia

// Une dos arrays

["🍐", "🍉"].concat(["🍒", "🍌"]); // output: ['🍐', '🍉','🍒', '🍌']

// Copia los dos primeros elementos en la posición de los dos últimos

["🍐", "🍉", "🍒", "🍌"].copyWithin(2, 0); // output: ['🍐', '🍉', '🍐', '🍉']

// Devuelve un array si hay match ❤️

["🍐", "🍉", "🍒"].filter((fruit) => fruit === "🍒"); // output: ['🍒']

//Rellena un array con 🍑

["🍐", "🍉", "🍒"].fill("🍑"); // output: ['🍑', '🍑', '🍑', '🍑']

// Busca el primer elemento en el array que coincida con '🍒'

["🍐", "🍉", "🍒"].find((fruit) => fruit === "🍒"); // output: '🍒'

// Obtiene la posición de '🍒'

["🍐", "🍉", "🍒"].indexOf("🍒"); // output: 2

// Devuelve la posición de la condición

["🍐", "🍉", "🍒"].findIndex((fruit) => fruit === "🍒"); // output: 2

// Ejecuta una función por cada elemento del array

["🍐", "🍉", "🍒"].forEach((fruit) => console.log(fruit)); // output: 🍐, 🍉, 🍒

// Devuelve un nuevo array al ejecutar una función por cada elemento del array

["🍐", "🍉", "🍒"].map((fruit) => console.log(fruit)); // output: 🍐, 🍉, 🍒

// Comprueba si cada elemento del array tiene el valor de 🍒

["🍐", "🍉", "🍒"].every((fruit) => fruit === "🍒"); // output: false

// Comprueba si al menos un elemento del array tiene el valor de 🍒

["🍐", "🍉", "🍒"].some((fruit) => fruit === "🍒"); // output: true

// Comprueba si el array tiene '🍇'

["🍐", "🍉", "🍒"].includes("🍇"); // output: false

// Une los elementos del array en un string

["🍐", "🍉", "🍒"].join(" - "); // output: '🍐 - 🍉 - 🍒'

// Elimina y devuelve el último elemento del array

["🍐", "🍉", "🍒"].pop(); // output: 🍒

// Añade un nuevo elemento al final del array y devuelve si longitud

["🍐", "🍉", "🍒"].push("🍌"); // output: 4

// Invierte el orden de los elementos del array

["🍐", "🍉", "🍒"].reverse(); // output: ['🍒', '🍉', '🍐']

// Añade / Elimina elementos

["🍐", "🍉", "🍒"].splice(1, 2); // output: ['🍐']

// Selecciona una parte de un array y devuelve el nuevo array

["🍐", "🍉", "🍒"].slice(1, 2); // output: ['🍉']

// Convierte un array en un string y devuelve su resultado

["🍐", "🍉", "🍒"].toString(); // output: '🍐, 🍉, 🍒'

// Elimina el primer elemento de un array devuelve el resultado

["🍐", "🍉", "🍒"].shift(); // output: '🍐'

// Añade nuevos elementos al inicio del array y devuelve la nueva longitud

["🍐", "🍉", "🍒"].unshift("🍌"); // output: 4

// Reduce los valores de un array a un único valor

["🍐", "🍉", "🍒"].reduce((acc, el) => acc + el, "🍉"); // output: '🍉 🍐 🍉 🍒'