Filter an array of objects by all property values

Question

I am really surprised that I could not find anything related to my question. I am looking for a quick way to filter my array of objects based on user text input.

Suppose I have this array:

let data = [{
  "id": 1,
  "first_name": "Jean",
  "last_name": "Owens",
  "email": "[e-mail]",
  "gender": "Female"
}, {
  "id": 2,
  "first_name": "Marie",
  "last_name": "Morris",
  "email": "[e-mail]",
  "gender": "Female"
}, {
  "id": 3,
  "first_name": "Larry",
  "last_name": "Wallace",
  "email": "[e-mail]",
  "gender": "Male"
}];

The user writes "s", the expected result will be:

let result = [{
  "id": 1,
  "first_name": "Jean",
  "last_name": "Owens",
  "email": "[e-mail]",
  "gender": "Female"
}, {
  "id": 2,
  "first_name": "Marie",
  "last_name": "Morris",
  "email": "[e-mail]",
  "gender": "Female"
}]

I could use a filter function this way:

let = searchText = "s";
    let result = data.filter(object=>{
      for (var property in object) {
        if (object.hasOwnProperty(property)) {
          return object[property].toString().toLowerCase().indexOf(searchText) !== -1;
        }
      }
    });

So, I wonder if there are alternatives to this solution?

- JsFiddle works here thanks to KoolShams

- Plunker for test purposes (verified with 2k data)

Answer 1

Object.keys() some().

let data = [{
  "id": 1,
  "first_name": "Jean",
  "last_name": "Owens",
  "email": "[e-mail]",
  "gender": "Female"
}, {
  "id": 2,
  "first_name": "Marie",
  "last_name": "Morris",
  "email": "[e-mail]",
  "gender": "Female"
}, {
  "id": 3,
  "first_name": "Larry",
  "last_name": "Wallace",
  "email": "[e-mail]",
  "gender": "Male"
}];

var result = data.filter(function(o) {
  return Object.keys(o).some(function(k) {
    return o[k].toString().toLowerCase().indexOf('s') != -1;
  })
})

console.log(result)

Hide result

Answer 2

Object.keys hasOwnProperty.

arrow.

let data = [{ "id": 1, "first_name": "Jean", "last_name": "Owens", "email": "[e-mail]", "gender": "Female" }, { "id": 2, "first_name": "Marie", "last_name": "Morris", "email": "[e-mail]", "gender": "Female" }, { "id": 3, "first_name": "Larry", "last_name": "Wallace", "email": "[e-mail]", "gender": "Male" }],
    searchText = "s",
    result = data.filter(o => 
        Object.keys(o).some(k => 
            o[k].toString().toLowerCase().indexOf(searchText) !== -1));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Hide result

, Object.keys , .

let data = [{ "id": 1, "first_name": "Jean", "last_name": "Owens", "email": "[e-mail]", "gender": "Female" }, { "id": 2, "first_name": "Marie", "last_name": "Morris", "email": "[e-mail]", "gender": "Female" }, { "id": 3, "first_name": "Larry", "last_name": "Wallace", "email": "[e-mail]", "gender": "Male" }],
    keys = Object.keys(data[0]),
    searchText = "s",
    result = data.filter(o => 
        keys.some(k => 
            o[k].toString().toLowerCase().indexOf(searchText) !== -1));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Hide result

Answer 3

, lodash , . , _.toLower Boolean, , , , :

data.filter(o=>_.some(o, v => _.toLower(v).indexOf('s')>-1))

:

let data = [{
  "id": 1,
  "first_name": "Jean",
  "last_name": "Owens",
  "email": "[e-mail]",
  "gender": "Female"
}, {
  "id": 2,
  "first_name": "Marie",
  "last_name": "Morris",
  "email": "[e-mail]",
  "gender": "Female"
}, {
  "id": 3,
  "first_name": "Larry",
  "last_name": "Wallace",
  "email": "[e-mail]",
  "gender": "Male"
}];

var sTxt = 's';

var res = data.filter(o=>_.some(o, v =>_.toLower(v).indexOf(sTxt)>-1))

console.log('Result: ', JSON.stringify(res,null,'    '));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

Hide result