Estoy tratando de buscar una matriz de objetos con objetos anidados, por ejemplo, tengo esta matriz:
[ { website: 'Stackoverflow', info: { "extension": "com", "ssl": true } }, { website: 'Faceoobok', info: { "extension": "com", "ssl": true } } ] Así que quiero buscar en todos los campos, y luego también buscar el objeto dentro y devolver una matriz con el filtro de método, además, los casos de caracteres no importarán, debe devolver el objeto en la matriz, incluso por ejemplo Stackoverflow no es lo mismo como stackoverflow con los métodos de carcasa que vienen con JS.
Esto es lo que probé, y busca los objetos y los devuelve, pero no busca el objeto en el interior, lo que quiero decir es que, por ejemplo, busca en el website , pero no en .info :
const searchMachine = (arr, query) => { let queryFormatted = query.toLowerCase(); return arr.filter((obj) => Object.keys(obj).some((key) => { if (typeof obj[key] === 'string') { return obj[key] .toLowerCase() .includes(queryFormatted); } return false; }) );Podría tomar un cierre sobre la cadena deseada y usar un enfoque recursivo para los objetos.
const searchMachine = (array, query) => { const check = (query => object => Object .values(object) .some(value => typeof value === 'string' && value.toLowerCase().includes(query) || value && typeof value === 'object' && check(value) ))(query.toLowerCase()); return array.filter(check); }, data = [{ website: 'Stackoverflow', info: { extension: 'com', ssl: true } }, { website: 'Faceoobok', info: { extension: 'com', ssl: true } }]; console.log(searchMachine(data, 'stack')); console.log(searchMachine(data, 'com'));Puede dividir la tarea en dos pasos. El primero es obtener toda la cadena en el objeto.
function getAllStrings(obj) { if(typeof obj === 'object'){ return Object.values(obj).flatMap(v => getAllStrings(v)); }else if (typeof obj === 'string'){ return [obj]; } return []; }Y la segunda es filtrar.
const searchMachine = (arr, query) => { const queryFormatted= query.toLowerCase(); return getAllStrings(arr).filter(s => s.toLowerCase().includes(queryFormatted)); }Puede reutilizar el código Object.keys.some(...) que usó para buscar en el objeto, para buscar en object.info.
Primero haz una función que nos permita pasar el objeto:
const findInObject = (obj) => Object.keys(obj).some((key) => { if (typeof obj[key] === 'string') { return obj[key] .toLowerCase() .includes(queryFormatted); } return false; });Luego llámelo dentro de arr.filter. findInObject (obj) es su lógica original, y verifique la presencia de obj.info y luego llame a findInObject en obj.info
... return arr.filter((obj) => findInObject(obj) || obj.info && findInObject(obj.info) ); ...