在 JavaScript 中过滤嵌套对象

Question

This code snippet works to just filter array of objects using a string value.

So how can I make the code snippet cater for a nested object, so that it can filter both array of objects as well as a nested object within?

mainLogic = (_data, search) => {
   //_data is an array of objects
    let _allsearch = search.trim().toLowerCase();
    if (_allsearch.length > 0) {
      _data = Object.values(_data).filter((obj) => {
        return Object.keys(obj).some((key) => {
       // the code usually breaks at this point. when it encounters a nested object
            return obj[key].toLowerCase().includes(_allsearch); 
        });
      });
    }
    return _data;

  };

This is a sample object:

let _data = [
  {
    id: "1",
    firstname: "Precious",
    lastname: "Same",
    age: "29",
    state: "Abia",
    email: "sam@gmail.com",
    country: "Michigan",
    town:{
      name:"Jos"
    }
  },
  {
    id: "2",
    firstname: "Bolu",
    lastname: "Joke",
    age: "32",
    state: "Ogun",
    email: "bolu.joke@outlook.com",
    country: "america",
    town:{
      name:"California"
    }
  }
]

When calling the function:

this.mainLogic(_data, "california")

This is what I expect:

[
  {
    id: "2",
    firstname: "Bolu",
    lastname: "Joke",
    age: "32",
    state: "Ogun",
    email: "bolu.joke@outlook.com",
    country: "america",
    town:{
      name:"Califonia"
    }
  }
]

Answer 1

Disclaimer: Code mainly derived from here

I would just flatten the object, so that every property is on the same level and you do not need to cater for nested objects. After that, filtering is done the same way you are doing it now. (Left out verification and error checking, you can adapt your code)

 let data = [{ id: "1", firstname: "Precious", lastname: "Same", age: "29", state: "Abia", email: "sam@gmail.com", country: "Michigan", town: { name: "Jos" } }, { id: "2", firstname: "Bolu", lastname: "Joke", age: "32", state: "Ogun", email: "bolu.joke@outlook.com", country: "america", town: { name: "California" } } ]; function flattenObject(ob) { var toReturn = {}; for (var i in ob) { if (!ob.hasOwnProperty(i)) continue; if ((typeof ob[i]) == 'object') { var flatObject = flattenObject(ob[i]); for (var x in flatObject) { if (!flatObject.hasOwnProperty(x)) continue; toReturn[i + '.' + x] = flatObject[x]; } } else { toReturn[i] = ob[i]; } } return toReturn; }; function mainLogic(data, search) { for (let obj of data) { flattened = flattenObject(obj); if (Object.values(flattened).includes(search)) return obj; }; }; console.log(mainLogic(data, "California"))

Answer 2

It is necessary to flat object, then array could be easily filtered:

_data.forEach((el, i) => {
  let flattenedObject = flatObject(el);
  if (Object.values(flattenedObject).includes(searchWord))
    _data = _data.filter((f, ind) => ind == i);
})

An example:

 let _data = [ { id: "1", firstname: "Precious", lastname: "Same", age: "29", state: "Abia", email: "sam@gmail.com", country: "Michigan", town:{ name:"Jos" } }, { id: "2", firstname: "Bolu", lastname: "Joke", age: "32", state: "Ogun", email: "bolu.joke@outlook.com", country: "america", town:{ name:"California" } } ]; const flatObject = (obj) => { return Object.assign( {}, ...function _flatten(o) { return [].concat(...Object.keys(o) .map(k => typeof o[k] === 'object' ? _flatten(o[k]) : ({[k]: o[k]}) ) ); }(obj) ) } let searchWord = 'California'; _data.forEach((el, i) => { let flattenedObject = flatObject(el); if (Object.values(flattenedObject).includes(searchWord)) _data = _data.filter((f, ind) => ind == i); }) console.log(_data);