ansango

Javascript Array πŸ“‘

Autor
avatar
Name
Anibal Santos
Publicado
Lectura
3 '
Javascript Array πŸ“‘

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: 'πŸ‰ 🍐 πŸ‰ πŸ’'

Puedes ver los siguientes artΓ­culos para completar info si te quedaste corto:

Utilizo cookies para mejorar mi contenido. Al continuar utilizando este sitio, estΓ‘s aceptando el uso que hago de las cookies.