CODEWITHSUNDEEP
javascriptjsonecmascript-6ecmascript-2016
Boris K
Boris K

Reputation: 3580

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

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?

Upvotes: 7

Views: 23687

Answers (8)

Ekfinbarr
Ekfinbarr

Reputation: 41

I found out a method that works for me. I went further to convert the query string to lower case:

const data = [
   {a: 'ekom', b: 'obong'},
   {a: 'fin', b: 'barr'}
];

const queryString = 'fi';

const result = data.filter((obj) => JSON.stringify(obj).toLowerCase().includes(queryString.toString().toLowerCase()));

console.log('Result: ', result);

Upvotes: 1

Md Abu Ahsan Basir
Md Abu Ahsan Basir

Reputation: 530

Thanks, @str to contribute. I just update it a little bit because it's not working a newer version of js is in strict mode. We need to covert the final val to string before checking includes method.

const arr = [
   {a: 'abcd', b: 'cdaf'},
   {a: 'xyz', b: 'axcfd'}
];

const searchValue = 'a';

const newArr = arr.filter(obj => Object.values(obj).some(val => val.toString().includes(searchValue)));

Upvotes: 0

Dagistan
Dagistan

Reputation: 39

A little improvement to str's answer, for better performance;

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.indexOf(search) >= 0));

console.log(res);

Upvotes: 0

sandstorm
sandstorm

Reputation: 153

Works like a charm:

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

Upvotes: 11

str
str

Reputation: 44979

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.

Upvotes: 22

stackoverflow
stackoverflow

Reputation: 1587

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 ) )

Upvotes: 1

John Rodney
John Rodney

Reputation: 175

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;
});

Upvotes: 2

David Vicente
David Vicente

Reputation: 3111

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);

Upvotes: 2

Related Questions