Estoy haciendo un proyecto en vue y tengo un json con una matriz dentro de una matriz. Quiero hacer un filtro de meses que en funcion a los meses que seleccione muestre la lista de productos con ese filtro
Y tengo un selector con varios meses (6, 12, 18) ¿Cómo puedo mostrar solo los productos que he seleccionado con el selector?
[ { "active": true, "installment": [ [ { "product": "Ipad", "months": 12, "installment": 63.94 } ], [ { "product": "Ipad", "months": 6, "installment": 63.94 } ] ] }, { "active": true, "installment": [ [ { "product": "Iphone", "months": 12, "installment": 63.94 } ], [ { "product": "Iphone", "months": 6, "installment": 63.94 } ] ] }, { "active": true, "installment": [ [ { "product": "Mac", "months": 18, "installment": 63.94 } ], [ { "product": "Mac", "months": 24, "installment": 63.94 } ] ] } ]Puede iterar a través de su matriz y luego empujar los elementos que pasan los criterios a una nueva matriz, se vería así
const array = [ { "active": true, "installment": [ [ { "product": "Ipad", "months": 12, "installment": 63.94 } ], [ { "product": "Ipad", "months": 6, "installment": 63.94 } ] ] }, { "active": true, "installment": [ [ { "product": "Iphone", "months": 12, "installment": 63.94 } ], [ { "product": "Iphone", "months": 6, "installment": 63.94 } ] ] }, { "active": true, "installment": [ [ { "product": "Mac", "months": 18, "installment": 63.94 } ], [ { "product": "Mac", "months": 24, "installment": 63.94 } ] ] } ] let res = []; // const filter = (y) => y.months == 6; // if you have multiple filters const filter = (y) => [6, 12, 18].includes(y.months); array.forEach(x => { x.installment.forEach(y => { y[0].active = x.active; if (filter(y[0])) res = [...res, ...y]; }) }) console.log(res);Solo puedes filtrarlos
const data = [ { "active": true, "installment": [ [ { "product": "Ipad", "months": 12, "installment": 63.94 } ], [ { "product": "Ipad", "months": 6, "installment": 63.94 } ] ] }, { "active": true, "installment": [ [ { "product": "Iphone", "months": 12, "installment": 63.94 } ], [ { "product": "Iphone", "months": 6, "installment": 63.94 } ] ] }, { "active": true, "installment": [ [ { "product": "Mac", "months": 18, "installment": 63.94 } ], [ { "product": "Mac", "months": 24, "installment": 63.94 } ] ] } ] const filtered = data.map((item) => { const { installment } = item; const filteredInstallment = installment.map((item) => { const filteredProducts = item.filter((product) => product.months === 6) return filteredProducts; }); return filteredInstallment; }); console.log(filtered)