Hay algunos métodos en JavaScript que pueden recorrer la array. Ya tenemos un conocimiento sobre estos métodos de array.
- Método de filtro ( filtro() )
- Método de mapa ( mapa() )
- Método de reducción ( reduce() )
- Método de búsqueda ( buscar() )
- Ordenar método ( sort() )
Aprenderemos cómo enstringr todos los métodos de array juntos.
Ejemplo:
const products = [
// Here we create an object and each
// object has a name and a price
{ name: 'dress', price: 600 },
{ name: 'cream', price: 60 },
{ name: 'book', price: 200 },
{ name: 'bottle', price: 50 },
{ name: 'bedsheet', price: 350 }
];
Queremos hacer dos cosas.
- Filtra aquellos elementos cuyo precio sea superior a 100 utilizando el método filter() .
- Asigne esos elementos a una nueva array con un nuevo precio de venta (50 % de descuento).
Ejemplo:
<script>
const products = [
// Here we create an object and each
// object has a name and a price
{ name: 'dress', price: 600 },
{ name: 'cream', price: 60 },
{ name: 'book', price: 200 },
{ name: 'bottle', price: 50 },
{ name: 'bedsheet', price: 350 }
];
// Filters the elements with
// price above 100
const filtered = products.filter(
product => product.price > 100);
const sale = filtered.map(product => {
return `the ${product.name} is
${product.price / 2} rupees`;
});
// log the sale price to console
console.log(sale);
</script>
Producción:
Una forma más rápida de lograr esto es mediante el enstringmiento de métodos de array . Todos los métodos de array funcionan en arrays y devuelven arrays. Entonces podemos enstringr fácilmente estos métodos.
Ejemplo:
<script>
const products = [
{ name: 'dress', price: 600 },
{ name: 'cream', price: 60 },
{ name: 'book', price: 200 },
{ name: 'bottle', price: 50 },
{ name: 'bedsheet', price: 350 }
];
// Writing the different array methods
// on different lines increases the
// readability
const sale = products
.filter(product => product.price > 100)
.map(product => `the ${product.name}
is ${product.price / 2} rupees`);
document.write(sale);
</script>
Producción:
Conclusión:
- La salida en ambos casos sigue siendo la misma. El segundo método se llama enstringmiento de métodos de array, lo que hace que el código sea un poco más conciso.
- Dado que el método de filtro devuelve una array, podemos enstringrlo al método de mapa que funciona en una array y viceversa.
- Este proceso se puede aplicar a todos los métodos de array, lo que hace que el código sea conciso.
- Este método no solo es aplicable para arrays, sino que también podemos usarlo en strings, siempre que los métodos regresen y funcionen en strings. Se aplicará el mismo principio.
Publicación traducida automáticamente
Artículo escrito por madhumanti_gupta y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA