Estoy tratando de filtrar una matriz de objetos para devolver solo los objetos que coinciden con los elementos en una segunda matriz y parece que no puedo hacer que funcione.
export const Config = [ { labels: ['label_1', 'label_2', 'label_3'], title: 'Home', link: '/', }, { labels: ['label_1'], title: 'One', link: '/one/', }, { labels: ['label_2'], title: 'Two', link: '/two/', }, { labels: ['label_3'], title: 'Three', link: '/Three/', }, ] const filters = [ "label_1", "label_2" ] const filterdLabels = config.filter(item => { return filters.forEach(filter => { return item.labels.includes(filter) }) })
Este es mi código, esperaría que las etiquetas filtradas sean una matriz de cualquier objeto que tenga las etiquetas coincidentes en la matriz de etiquetas.
¿Algunas ideas?
Gracias
.forEach(...)
no devolverá nada, solo undefined
, ese es un valor falso, por lo que su filtro volverá vacío.
Supongo que lo que quieres es lo siguiente:
const config = [ { labels: ['label_1', 'label_2', 'label_3'], title: 'Home', link: '/', }, { labels: ['label_1'], title: 'One', link: '/one/', }, { labels: ['label_2'], title: 'Two', link: '/two/', }, { labels: ['label_3'], title: 'Three', link: '/Three/', }, ] const filters = [ "label_1", "label_2" ] const filteredLabels = config.filter(item => { return filters.every(label => { return item.labels.includes(label) }) })
Luego, su resultado coincidirá con el primer elemento en su configuración, es decir, {labels: ['label_1', 'label_2', 'label_3'], title: 'Home', link: '/'}
, que es el único que tiene tanto 'label_1'
como 'label_2'
. El resultado del filtro es una matriz con solo ese elemento.
Cambie every
a some
para aceptar cualquier elemento con 'label_1'
o 'label_2'
y no necesariamente ambos (en este caso, los elementos 1 a 3 coincidirán).
const config = [{labels: ['label_1', 'label_2', 'label_3'],title: 'Home',link: '/'},{labels: ['label_1'],title: 'One',link: '/one/'},{labels: ['label_2'],title: 'Two',link: '/two/'}, {labels: ['label_3'],title: 'Three',link: '/Three/'}]; const filters = ["label_1","label_2"]; const output = config.filter( ({labels}) => labels.some(label => filters.includes(label)) ) //If, and only if you want to remove labels that do not match!!!! .map( ({labels,...rest}) => ({labels:labels.filter(label => filters.includes(label)),...rest}) ); console.log( output );
const filterdLabels = config.filter(item => filters.includes(item.lables.toString()))
Debido a que las etiquetas son cadenas, será mucho más fácil convertir la matriz en una cadena grande y larga, y solo luego verificar si está incluida