Existen métodos de arrays para recorrerlos, y devolver un valor o un array con nuevos resultados. Entre estos están dos muy importantes: map y filter.
Utilizaremos el siguiente array de objetos para los ejemplos de los métodos:
var artículos = [
{ nombre: "Bici", costo: 3000 },
{ nombre: "Tv", costo: 2500 },
{ nombre: "Libro", costo: 320 },
{ nombre: "Celular", costo: 10000 },
{ nombre: "Laptop", costo: 20000 },
{ nombre: "Teclado", costo: 500 },
{ nombre: "Audifonos", costo: 1700 },
];
//var articulosFiltrados = articulos.filter((articulo) => articulo.costo <= 500)var articulosFiltrados = artículos.filter(function(articulo){
return articulo.costo <= 500
});
articulosFiltrados
(2) [{…}, {…}]
0: {nombre: 'Libro', costo: 320}
1: {nombre: 'Teclado', costo: 500}
length: 2
[[Prototype]]: Array(0)
Cómo utilizar el método map
El método map es inmutable y consiste en crear un nuevo array a partir de los elementos originales transformados mediante una función (callback).
El método map recibe dos argumentos:
La función que itera y transforma cada elemento del array (obligatorio).
Un objeto al que puede hacer referencia el contexto this en la función. Si se lo omite, será undefined. Recuerde que this es diferente según el lugar donde sea invocado.
var artículos = [
{ nombre: "Bici", costo: 3000 },
{ nombre: "Tv", costo: 2500 },
{ nombre: "Libro", costo: 320 },
{ nombre: "Celular", costo: 10000 },
{ nombre: "Laptop", costo: 20000 },
{ nombre: "Teclado", costo: 500 },
{ nombre: "Audifonos", costo: 1700 },
];
//var articulosFiltrados = articulos.map((articulo) => articulo.nombre)var nombreArticulos = artículos.map(function(articulo){
return articulo.nombre
})
nombreArticulos
(7) ['Bici', 'Tv', 'Libro', 'Celular', 'Laptop', 'Teclado', 'Audifonos']
