Filter array of objects on all properties value

Question

I am really surprised I haven't been able to find anything related to my question. I am looking for a fast way to filter my array of objects based on a user text input.

Assume I have this array:

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

User writes "s", the expected result would be:

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

I could use the filter function in such a 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 am wondering if there are better alternatives to this solution?

--Here is a working JsFiddle thanks to KoolShams

--Plunker for benchmark purposes (tested with 2k data)

In this case a research with "l" will return you the whole data becouse "l" is part of either "male" or "female"...... Strange behavior — kevin ternet
– kevin ternet, Commented Oct 2, 2016 at 14:21
Thanks for the fiddle @KoolShams, I will add it to the question ! — Yann Thibodeau
– Yann Thibodeau, Commented Oct 2, 2016 at 14:34

Nenad Vracar · Accepted Answer · 2016-10-02 14:14:21Z

8

You could use Object.keys() and some() instead.

let data = [{
  "id": 1,
  "first_name": "Jean",
  "last_name": "Owens",
  "email": "[email protected]",
  "gender": "Female"
}, {
  "id": 2,
  "first_name": "Marie",
  "last_name": "Morris",
  "email": "[email protected]",
  "gender": "Female"
}, {
  "id": 3,
  "first_name": "Larry",
  "last_name": "Wallace",
  "email": "[email protected]",
  "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)

answered Oct 2, 2016 at 14:14

Nenad Vracar

122k16 gold badges160 silver badges184 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Yann Thibodeau Over a year ago

Nice, I like it, would the some function be faster than the loop ?

Nenad Vracar Over a year ago

Not sure about that, if this is right way to test it it seems that loop is always faster jsfiddle.net/Lg0wyt9u/1253

Yann Thibodeau Over a year ago

I have tested with 2k data and a few different strings and the loop is definitely faster: plnkr.co/edit/i1it9PZ7WMzwpsopT7pS?p=preview

Nina Scholz · Accepted Answer · 2016-10-02 15:34:54Z

1

You could use Object.keys and omit hasOwnProperty.

This solution features arrow functions.

let data = [{ "id": 1, "first_name": "Jean", "last_name": "Owens", "email": "[email protected]", "gender": "Female" }, { "id": 2, "first_name": "Marie", "last_name": "Morris", "email": "[email protected]", "gender": "Female" }, { "id": 3, "first_name": "Larry", "last_name": "Wallace", "email": "[email protected]", "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; }

For a better performance, you could store the keys in advance and iterate the keys, without using Object.keys for all objects in the array, if they are uniform.

let data = [{ "id": 1, "first_name": "Jean", "last_name": "Owens", "email": "[email protected]", "gender": "Female" }, { "id": 2, "first_name": "Marie", "last_name": "Morris", "email": "[email protected]", "gender": "Female" }, { "id": 3, "first_name": "Larry", "last_name": "Wallace", "email": "[email protected]", "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; }

edited Oct 2, 2016 at 15:34

answered Oct 2, 2016 at 14:15

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

1 Comment

Yann Thibodeau Over a year ago

I added your solution to my benchmark, which I've added to the question, the loop is still the fastest one.

Koushik Chatterjee · Accepted Answer · 2017-10-17 13:50:40Z

Well, you can use any lodash's collection related function to object and it will iterate over values. Also you can use directly _.toLower to any string or number or Boolean and it will handle all the corner cases, so if you want a easier solution, and well structured code then here you go:

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

Here is the working example:

let data = [{
  "id": 1,
  "first_name": "Jean",
  "last_name": "Owens",
  "email": "[email protected]",
  "gender": "Female"
}, {
  "id": 2,
  "first_name": "Marie",
  "last_name": "Morris",
  "email": "[email protected]",
  "gender": "Female"
}, {
  "id": 3,
  "first_name": "Larry",
  "last_name": "Wallace",
  "email": "[email protected]",
  "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>

Collectives™ on Stack Overflow

Filter array of objects on all properties value

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related