Javascript-searching for a string in the properties of an array of objects

Question

I have an array of JSON objects. Given a search string, I want to filter the array for only those objects which have that string as a substring of one of their properties. How do I do this efficiently?

provide a [mcve] along with an example of search string and the JSON itself. — zer00ne, Dec 05 '17 at 12:49
Does this answer your question? [JS search in object values](https://stackoverflow.com/questions/8517089/js-search-in-object-values) — Heretic Monkey, Aug 11 '21 at 13:24

str · Accepted Answer · 2017-12-05T12:59:58.513

11

Assuming you want to find the substring in the property value, you can use the following code:

const arr = [
  {a:'abc', b:'efg', c:'hij'},
  {a:'abc', b:'efg', c:'hij'},
  {a:'123', b:'456', c:'789'},
];

const search = 'a';

const res = arr.filter(obj => Object.values(obj).some(val => val.includes(search)));

console.log(res);

If you want to search the property name, use Object.keys instead of Object.values.

Please note that Object.values is a feature of ES2017.

edited Dec 05 '17 at 12:59

answered Dec 05 '17 at 12:53

str

38,402
15
99
123

I'm getting val.includes is not a function in chrome console. – ThomasRones Jun 17 '20 at 21:50
Then either you are using different code or a very old version of Chrome. – str Jun 18 '20 at 06:56
I'm also getting the same error. val.includes is not a function in chome. BTW i'm using latest version of chromeEdit: Figured out the issue. In my case, one of the object values was not a string, where this error comes up. – Shreehari Apr 29 '22 at 17:36

score 9 · Answer 2 · edited Dec 23 '20 at 20:18

9

Works like a charm:

data.filter((obj) =>
  JSON.stringify(obj).toLowerCase().includes(query.toLowerCase())
)

edited Dec 23 '20 at 20:18

cela

2,190
3
21
40

answered Dec 23 '20 at 19:09

sandstorm

117
3
7

This will also check if the keys of the object contains the `query`. – Heretic Monkey Aug 11 '21 at 13:23

score 2 · Answer 3 · answered Dec 05 '17 at 12:51

Maybe you want to do something like this:

var list = [
    {var1: "value1", var2: "value2", var3: "value3"},
    {var1: "value4", var2: "value5", var3: "value6"},
    {var1: "value4", var2: "value3", var3: "value2"},
    {var1: "value2", var2: "value8", var3: "value6"},
    {var1: "value1", var2: "value7", var3: "value7"},
    {var1: "value1", var2: "value6", var3: "value2"},
];

var searchString = "value2";

var newList = list.filter(element => {
    for (var property in element) {
        if (element.hasOwnProperty(property)) {
            if(element[property] == searchString) {
                return true;
            }
        }
    }
});

console.log(newList);

score 2 · Answer 4 · answered Dec 05 '17 at 12:51

You could use the filter method to filter the array and then use the Object.keys function to get an array of keys on the current object. You can then loop over each key and check if it has the substring (I added some guards to protect against calling .indexOf on an identifier without that method.)

const search = 'xyz';
const data = yourDataFunction();
const filteredData = data.filter(item => {
  let found = false;
  Object.keys(item).forEach(key => {
    if (item[key] && item[key].indexOf && item[key].indexOf(search) > -1) {
      found = true;
    }
  });
  return found;
});

score 1 · Answer 5 · answered Dec 05 '17 at 12:52

1

var myStr = 'abc';
var myArr = [{abc:1,def:2}, {ghi:1,jkl:2}];
myArr.filter( obj => Object.keys(obj).some( key => key.indexOf(myStr) > -1 ) )

answered Dec 05 '17 at 12:52

stackoverflow

715
1
17
31

Javascript-searching for a string in the properties of an array of objects

5 Answers5

Linked