Métodos de los arrays en JavaScript

Map

Valor que regresa: array

Es una función que recorre todos los elementos de un array y los transforma con una función dada.

Al procesar los elementos se crea un nuevo array

const nums = [1,2,3,4,5]

const negativeNums = nums.map(num => Math.abs(num) * -1)

negativeNums // [-1,-2,-3,-4,-5]

Filter

Valor que regresa: array

Regresa un nuevo arreglo que contiene únicamente los elementos que culpen con una condición.

const nums = [1,2,3,4,5,6]

const evenNumbers = nums.filter(num => num % 2 === 0)

evenNumbers // [2, 4, 6]

Concat

Valor que regresa: array

Esta función combina dos arrays y lo regresa como un nuevo array.

const nums = [1,2,3,4]
const numsToTen = nums.concat([5, 6, 7, 8, 9, 10])

numsToTen // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

Slice

Valor que regresa: array

Toma usa sección de un array dado y lo regresa como un nuevo array

Los atributos son:

• start: Define el índice inicial
• end: Define en donde termina

const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
const firstFiveElments = nums.slice(0, 5) 

Push

Agrega un elemento a la parte final del array

const animals = ['perro', 'gato', 'raton']
animals.push('jirafa')
animals // ['perro', 'gato', 'raton', 'jirafa']

Pop

Esta función remueve el último elemento del array

const animals = ['perro', 'gato', 'raton', 'jirafa']
animals.pop()
animals // ['perro', 'gato', 'raton']

Sort

Es una función que ordena los elementos de forma ascendente. En el caso de que se quiera modificar la lógica de ordenamiento, se le puede pasar una función (callback)

const nums = [5, 3, 8, 2, 4, 7, 6, 1]
nums.sort()
nums // [1, 2, 3, 4, 5, 6, 7, 8]

Fill

Modifica los elementos de un array por un valor dado.

Los parámetros

• value: es el valor que sustituirá el resto de los elementos
• start (opcional): define desde que índice del array se modificarán los valores

const animals = ['perro', 'gato', 'ratón', 'rana']
animals.fill('gato')
animals // ['gato', 'gato', 'gato', 'gato']

Find

Valor que regresa: valor de la condición

Regresa el primer valor que cumpla con la condición dada.

const array = [10, 2, 8, 4, 1];

const found = array.find(element => element > 10);

found // 10