Algo que veo a menudo en los sitios web de comercio electrónico es una barra lateral con casillas de verificación para varios valores de filtrado. Muchos de estos se pueden verificar, y agregar nuevos valores reduce aún más su búsqueda.
Quiero implementar algo similar para los metadatos relacionados con los medios digitales. Tengo una serie de posibles filtros, cada uno de los cuales es un objeto {nameOfProperty: ['Value1', 'Value2']} . La idea es devolver resultados que satisfagan TODOS los criterios en una matriz de atributos {value: 'Value1', trait_type: 'NameOfProperty'} .
Ver ejemplo:
const arr = [ { metadata: { json: { attributes: [ { value: "Copycat Fridge Artist", trait_type: "Artist" }, { value: "Fridges Vol. 2", trait_type: "Playlist" }, { value: "Fridges Playlist", trait_type: "Playlist" }, { value: "Image", trait_type: "Artwork Type" } ] }, { metadata: { json: { attributes: [ { value: "Copycat Fridge Artist", trait_type: "Artist" }, { value: "Fridges Vol. 1", trait_type: "Collection" }, { value: "Videos Playlist", trait_type: "Playlist" }, { value: "Video", trait_type: "Artwork Type" } ] }, { metadata: { json: { attributes: [ { value: "Cool Original Artist", trait_type: "Artist" }, { value: "Fridges Vol. 1", trait_type: "Collection" }, { value: "Videos Playlist", trait_type: "Playlist" }, { value: "Video", trait_type: "Artwork Type" } ] } ];y una serie de filtros
filters: [{Artwork Type: ['Image', 'Video']}, {Playlist: ['Videos Playlist']}, {Artist: ['Cool Original Artist']}]En este escenario, quiero ver imágenes o videos, solo de la lista de reproducción de videos y luego solo los de Cool Original Artist. El filtro debería devolver arr[2].
Los filtros pueden ser muchos y variados, y no todos los elementos de la matriz tienen el número de atributos del nombre.
Si hay un nombre para este tipo de búsqueda/filtro, no lo conozco, así que disculpa si se ha preguntado antes. Es algo con lo que me he encontrado muchas veces, pero nunca intenté codificarme, ¡y estoy luchando!
En general, filtro los valores arr en un reductor.
const arr = [ { metadata: { json: { attributes: [ { value: "Copycat Fridge Artist", trait_type: "Artist" }, { value: "Fridges Vol. 2", trait_type: "Playlist" }, { value: "Fridges Playlist", trait_type: "Playlist" }, { value: "Image", trait_type: "Artwork Type" } ] }}}, { metadata: { json: { attributes: [ { value: "Copycat Fridge Artist", trait_type: "Artist" }, { value: "Fridges Vol. 1", trait_type: "Collection" }, { value: "Videos Playlist", trait_type: "Playlist" }, { value: "Video", trait_type: "Artwork Type" } ] }}}, { metadata: { json: { attributes: [ { value: "Cool Original Artist", trait_type: "Artist" }, { value: "Fridges Vol. 1", trait_type: "Collection" }, { value: "Videos Playlist", trait_type: "Playlist" }, { value: "Video", trait_type: "Artwork Type" } ] }}} ]; const filters = [ { "Artwork Type": ["Image", "Video"] }, { Playlist: ["Videos Playlist"] }, { Artist: ["Cool Original Artist"] } ]; // reduce the arr by matching with each filter object const result = filters.reduce((remaining, curr) => { // assign filter attribute name and values const [name, values] = Object.entries(curr)[0]; // do filtering return remaining.filter(({metadata: { json: {attributes}}}) => attributes.find((a) => a.trait_type === name && values.includes(a.value)) ); }, arr); console.log(result);