Aquí hay una traducción de un artículo publicado en
dev.to. Publicado por:
Ibrahima Ndaw .
El original se publica en el
blog del autor.
Una matriz en JavaScript es una estructura de datos especial que se utiliza para almacenar varios elementos. Usando las propiedades y métodos integrados, puede agregar, eliminar, iterar o procesar datos de acuerdo con sus necesidades. Saber cómo trabajar con matrices en JavaScript llevará sus habilidades de desarrollo profesional al siguiente nivel.
En este artículo, cubriremos 15 métodos que lo ayudarán a trabajar de manera más eficiente con matrices en JavaScript.
Tenga en cuenta que básicamente simplificaremos la función que se pasa como parámetro.
1. algunos ()
Este método verifica si algún elemento de la matriz cumple la condición especificada en la función pasada. Volverá
true si al menos un elemento coincide con la función que se está probando, y
false si no.
const myAwesomeArray = ["a", "b", "c", "d", "e"] myAwesomeArray.some(test => test === "d")
2. reducir ()
Este método toma una función que toma un acumulador y un valor como argumento. Aplica la función al acumulador y a cada valor de la matriz, para devolver solo un valor como resultado.
const myAwesomeArray = [1, 2, 3, 4, 5] myAwesomeArray.reduce((total, value) => total * value)
3. cada ()
Este método verifica si todos los elementos de la matriz satisfacen la condición especificada en la función que se pasa. Devolverá
true si cada elemento coincide con la función que se está probando, y
false si no.
const myAwesomeArray = ["a", "b", "c", "d", "e"] myAwesomeArray.every(test => test === "d")
4. mapa ()
Este método toma una función como parámetro y crea una nueva matriz con el resultado de llamar a la función especificada para cada elemento de la matriz. Siempre devolverá la misma cantidad de artículos.
const myAwesomeArray = [5, 4, 3, 2, 1] myAwesomeArray.map(x => x * x)
5.flat ()
Este método toma una matriz de matrices como argumento y suaviza las matrices anidadas en una matriz de nivel superior. Tenga en cuenta que este método solo funciona para un nivel.
const myAwesomeArray = [[1, 2], [3, 4], 5] myAwesomeArray.flat()
6. filtro ()
Este método toma una función como parámetro y devuelve una nueva matriz que contiene todos los elementos de la matriz para los que se pasó la función de filtro como argumento, y la devuelve con
true .
const myAwesomeArray = [ { id: 1, name: "john" }, { id: 2, name: "Ali" }, { id: 3, name: "Mass" }, { id: 4, name: "Mass" }, ] myAwesomeArray.filter(element => element.name === "Mass")
7. forEach ()
Este método aplica una función a cada elemento de la matriz.
const myAwesomeArray = [ { id: 1, name: "john" }, { id: 2, name: "Ali" }, { id: 3, name: "Mass" }, ] myAwesomeArray.forEach(element => console.log(element.name))
8. findIndex ()
Este método toma una función como parámetro y luego la aplica a la matriz. Devuelve el índice del elemento encontrado si el elemento cumple la condición de la función de verificación aprobada como argumento. Si no está satisfecho,
–1 devuelve
–1 .
const myAwesomeArray = [ { id: 1, name: "john" }, { id: 2, name: "Ali" }, { id: 3, name: "Mass" }, ] myAwesomeArray.findIndex(element => element.id === 3)
9. find ()
Este método toma una función como argumento y luego la aplica a la matriz. Devuelve el valor del elemento encontrado en la matriz si el elemento satisface la condición de la función de verificación. De lo contrario, vuelve con el valor
undefined .
const myAwesomeArray = [ { id: 1, name: "john" }, { id: 2, name: "Ali" }, { id: 3, name: "Mass" }, ] myAwesomeArray.find(element => element.id === 3)
10. sort ()
Este método toma una función como parámetro. Ordena los elementos de la matriz y los devuelve.
const myAwesomeArray = [5, 4, 3, 2, 1]
11. concat ()
Este método combina dos o más matrices / valores y devuelve una nueva matriz.
const myAwesomeArray = [1, 2, 3, 4, 5] const myAwesomeArray2 = [10, 20, 30, 40, 50] myAwesomeArray.concat(myAwesomeArray2)
12. llenar ()
Este método llena todos los elementos de la matriz con el mismo valor, desde el índice inicial (predeterminado 0) hasta el índice final (predeterminado matriz.length).
const myAwesomeArray = [1, 2, 3, 4, 5]
13. incluye ()
Este método devuelve
true si la matriz contiene un elemento específico y
false si no.
const myAwesomeArray = [1, 2, 3, 4, 5] myAwesomeArray.includes(3)
14. reverse ()
Este método invierte el orden de los elementos en la matriz. El primer elemento se convierte en el último, y el último se convierte en el primero.
const myAwesomeArray = ["e", "d", "c", "b", "a"] myAwesomeArray.reverse()
15. flatMap ()
Este método aplica una función a cada elemento de la matriz y luego suaviza el resultado en una nueva matriz. Combina el método
flat() y el método
map() en una función.
const myAwesomeArray = [[1], [2], [3], [4], [5]] myAwesomeArray.flatMap(arr => arr * 10)