Necesito filtrar el rol de los hijos de la matriz en función de otra matriz, pero todavía estoy confundido sobre el uso del filtro en mi caso
esta es la matriz base:
arr1 = [ { name: 'test1', children: [ { name: 'one', role: 'menu_one' }, { name: 'two', role: 'menu_two' }, { name: 'three', role: 'menu_three' } ] }, { name: 'test2', children: [ { name: 'four', role: 'menu_four' }, { name: 'five', role: 'menu_five' } ] } ]este es el rol aceptado:
arr2 = ['menu_one', 'menu_three', 'menu_four']esto es lo que estoy tratando de lograr:
arr1 = [ { name: 'test1', children: [ { name: 'one', role: 'menu_one' }, { name: 'three', role: 'menu_three' } ] }, { name: 'test2', children: [ { name: 'four', role: 'menu_four' } ] } ]Intenté esto y no funciona, ¿lo usé mal?
var result = arr1.filter(function(item) { return arr2.includes(item.children.role); })espero que alguien me pueda ayudar en mi caso
Puede usar Array.map() , junto con Array.filter() para obtener el resultado requerido.
En cada iteración, filtraríamos los elementos secundarios de cada elemento, verificando que su función esté presente en la matriz arr2.
arr1 = [ { name: 'test1', children: [ { name: 'one', role: 'menu_one' }, { name: 'two', role: 'menu_two' }, { name: 'three', role: 'menu_three' } ] }, { name: 'test2', children: [ { name: 'four', role: 'menu_four' }, { name: 'five', role: 'menu_five' } ] }, { name: 'test3 - no children' } ] arr2 = ['menu_one', 'menu_three', 'menu_four']; const result = arr1.map(({ name, children }) => { return { name, children: children ? children.filter(child => arr2.includes(child.role)) : null }; }) console.log('Result:', result) También podría mejorar la eficiencia (¡si arr2 es grande!) creando un Set para verificar si el rol está presente en el elemento.
arr1 = [ { name: 'test1', children: [ { name: 'one', role: 'menu_one' }, { name: 'two', role: 'menu_two' }, { name: 'three', role: 'menu_three' } ] }, { name: 'test2', children: [ { name: 'four', role: 'menu_four' }, { name: 'five', role: 'menu_five' } ] }, { name: 'test3 - no children' } ] arr2 = ['menu_one', 'menu_three', 'menu_four']; let roleSet = new Set(arr2); const result = arr1.map(({ name, children }) => { return { name, children: children ? children.filter(child => roleSet.has(child.role)) : null }; }) console.log('Result:', result)