A continuación se muestran los datos que estoy recibiendo y que estoy tratando de filtrar para que una nueva matriz contenga solo objetos con la ubicación deseada.
Sin embargo, me encuentro con un problema en el que mi función devuelve [] , una matriz vacía.
datos:
[ { data: [[Object], [Object], [Object]], id: 1 }, { data: [[Object]], id: 2 }, { data: [[Object], [Object], [Object], [Object]], id: 3 } ];datos[1]:
{"data": [{"name": "Joe", "job": "N/A", "location": "Los Angeles"}], "id": 2}Esta es mi función actual:
const locations = ["Los Angeles", "Chicago"]; ... const filteredData = data.filter((i) => i.data.filter((j) => locations.includes(j.location)), ); return filteredData;¿Qué está mal y cómo puedo solucionarlo y hacer que se filtre correctamente?
En la devolución de llamada que pasa a Array.filter() , debe devolver un valor boolean para filtrar la matriz. Si no devuelve nada, el filtro devuelve una matriz vacía.
Pero en su caso, está devolviendo una matriz filtrada interna que devuelve al menos una matriz vacía y el filtro externo se comporta como un valor true . Entonces, el filtro externo devolverá todos los elementos en la matriz original. (no uno vacío como dijiste)
También está devolviendo datos filteredData en un lugar donde da como resultado un error de sintaxis.
const data = [ {"data": [{"name": "Joe", "job": "N/A", "location": "Los Angeles"}], "id": 2}, {"data": [{"name": "Jane", "job": "N/A", "location": "Charlotte"}], "id": 3}, ] const locations = ["Los Angeles", "Chicago"]; const filteredData = data.filter((i) => i.data.filter((j) => locations.includes(j.location)).length > 0, ); console.log(filteredData);Otra opción es usar some() para obtener el resultado esperado. De esta manera, no necesita recorrer todos los elementos en la matriz de datos en comparación con el filter()
const data = [ { data: [{ name: "Joe", job: "N/A", location: "Los Angeles" }], id: 2 }, { data: [{ name: "Jane", job: "N/A", location: "Charlotte" }], id: 3 }, { data: [{ name: "Sam", job: "N/A", location: "SSS" }], id: 4 }, { data: [ { name: "John", job: "N/A", location: "AAA" }, { name: "Doe", job: "N/A", location: "BBB" }, ], id: 5, }, ]; const locations = ["Los Angeles", "Chicago", "AAA"]; const existData = data.filter(el => el.data.some(item => locations.includes(item.location)) ); console.log(existData);Si también desea filtrar la matriz de datos, puede hacer lo siguiente.
const data = [ { data: [{ name: "Joe", job: "N/A", location: "Los Angeles" }], id: 2 }, { data: [{ name: "Jane", job: "N/A", location: "Charlotte" }], id: 3 }, { data: [{ name: "Sam", job: "N/A", location: "SSS" }], id: 4 }, { data: [ { name: "John", job: "N/A", location: "AAA" }, { name: "Doe", job: "N/A", location: "BBB" }, ], id: 5, }, ]; const locations = ["Los Angeles", "Chicago", "AAA"]; const filteredData = data.reduce((acc, cur) => { const filteredItem = cur.data.filter(item => locations.includes(item.location)); if (filteredItem.length) { acc.push({ ...cur, data: filteredItem }); } return acc; }, []); console.log(filteredData);