Estoy tratando de mostrar el icono del corazón para los elementos que se agregan a la lista de deseos. Estoy usando el almacenamiento local para guardar los artículos que están en la lista de deseos. Tengo una matriz de ID como wishlistIds = [123,425,212,512,516] . Entonces, quiero verificar si la identificación en esa matriz coincide con la matriz de objetos (que son los productos). La matriz de productos de objetos se ve así;
items = [{id:123, productName:"Cheese", price: 15.99}, {id:599, productName: "Honey", price:21.99}]He estado tratando de usar el método Array.filter para lograr lo que quiero, pero no pude hacerlo funcionar;
wishlistIds.filter(w => w.id === items.id)El código anterior me devuelve todos los identificadores dentro de los identificadores de la lista de deseos sin filtrar los identificadores dentro de los artículos. ¿Cuál es la forma correcta de abordar este problema?
Cree un conjunto de ID de artículos y utilícelo para filtrar la matriz de la lista de deseos
const wishlistIds = [123,425,212,512,516] const items = [{id:123, productName:"Cheese", price: 15.99}, {id:599, productName: "Honey", price:21.99}] const itemIds = new Set(items.map(({ id }) => id)) const filteredWishlist = wishlistIds.filter(id => itemIds.has(id)) console.log(filteredWishlist) Estoy usando un Set aquí ya que Set.prototype.has() es O(1) complejidad de tiempo a diferencia de Array.prototype.includes() que es O(n) .
Consulte https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set#performance
Primero filtre la lista, luego mapéela para obtener solo la ID
let wishlistIds = [123,425,212,512,516] let items = [{id:123, productName:"Cheese", price: 15.99}, {id:599, productName: "Honey", price:21.99}] let hearts = items.filter(w => wishlistIds.includes(w.id)).map(w => w.id) console.log(hearts)