Tengo una matriz de Objetos, y cada objeto tiene una matriz de cadenas (etiquetas), necesito filtrar la matriz de objetos en función de otra matriz.
data: [ { "id":"Nerium", "tags":["CMS Selection", "Experience Design", "Development","UX"], "featured":0 }, { "id":"WesternDigital", "tags":["Digital Strategy", "Analytics", "Example"], "featured":1 }, { "id":"Example", "tags":["Example", "Analytics", "UX"], "featured": 0, },Necesito filtrar los datos anteriores en función de una matriz como esta:
activeTags: ['UX', 'Example']Y los objetos de datos que filtro deben tener específicamente los valores dentro de etiquetas activas, en este caso, si por ejemplo un objeto tiene 'UX' pero no tiene 'Ejemplo', no lo devuelvo.
Rendimiento esperado:
data: [{ "id": "Example", "tags": ["Example", "Analytics", "UX"], "featured": 0, }]O debería devolver cada objeto que tenga etiquetas que tengan específicamente los valores en etiquetas activas
No lo he probado, pero creo que lo siguiente debería funcionar:
const result = data.filter( record => activeTags.every( tag => record.tags.includes( tag ) ) ); filter() devuelve una matriz con solo elementos que pasan su prueba de función. every() devuelve verdadero solo si cada elemento pasa su prueba de función. include includes() probará si el elemento está incluido en la matriz record.tags .
Esto debería funcionar
const data = [ { id: "Nerium", tags: ["CMS Selection", "Experience Design", "Development", "UX"], featured: 0, }, { id: "WesternDigital", tags: ["Digital Strategy", "Analytics", "Example"], featured: 1, }, { id: "Example", tags: ["Example", "Analytics", "UX"], featured: 0, }, ]; const activeTags = ["UX", "Example"]; const filtered = data.filter(({ tags }) => activeTags.every((tag) => tags.includes(tag)) ); console.log(filtered); puede usar .every para comprobar que el objeto tiene todas las etiquetas activas