Lo siento si se ha preguntado antes, pero no pude encontrar una solución a pesar de buscar en el sitio web. Tengo una matriz de objetos (restaurantes) con muchas propiedades. Uno de ellos (etiquetas) es una matriz de cadenas. Luego tengo otra matriz de cadenas (filtros). El resultado que necesito después de filtrar es una matriz de restaurantes cuyas etiquetas incluyen todos los filtros (esto se vuelve reactivo con VueJS, puede haber cualquier cantidad de filtros, incluido cero).
Estoy bastante seguro de que hay una solución simple que actualmente me falta, combinando algunos bucles, filter() y some()/includes().
Esto es lo más cerca que he estado del resultado que quiero (en lo que probablemente sea una forma muy ineficiente), pero tiene errores si elige algún patrón de filtro en una cierta combinación y orden (empalma un restaurante que no debería ser empalmado, no tengo ni idea de por qué).
if (restaurants) { filters.forEach((filter) => { for (let i = 0; i < restaurants.length; i++) { const restaurant = restaurants[i] if (!checkedFilters.includes(filter)) { checkedFilters.push(filter); } if (restaurant.tags.some((tag) => tag.name === filter)) { if (!filteredRestaurants.includes(restaurant)) { filteredRestaurants.push(restaurant) } } } }) for (let i = 0; i < filteredRestaurants.length; i++) { const filteredRestaurant = filteredRestaurants[i]; checkedFilters.forEach((checkedFilter) => { if (!filteredRestaurant.tags.some((tag) => tag.name === checkedFilter)) { filteredRestaurants.splice(i, 1) } }) } return filteredRestaurants } },No estoy seguro de por qué tienes un bucle para eliminar cosas. ¿FilteredRestaurants ya contiene restaurantes antes de ejecutar este código? Si no, intente:
Editar: modificado para que coincida solo con los restaurantes que pasan todas las condiciones del filtro.
const restaurants = [ {name: "r1", tags: ["fastfood", "chicken", "fish"]}, {name: "r2", tags: ["steak", "chicken", "seafood"]}, {name: "r3", tags: ["fastfood", "burger", "sandwich"]}, {name: "r4", tags: ["steak", "burger", "sandwich"]} ]; const filters = ["steak", "seafood"]; let filteredRestaurants = restaurants.filter(r => filters.every(f => r.tags.includes(f))); console.log(filteredRestaurants);