Search for a value in Object Array using Javascript

Question

I have an Object array. I need to apply contains filter for every property (it has to search for that keyword and return the object if any one of the properties contains entered value). Please let me know how to do contains search using Jquery/Javascript.

Example:

var itemPrices = [
    { 'custName': 'Mike', 'custid': '1'},
    { 'custName': 'secondMike', 'custid': '2' },
    { 'custName': 'Ben', 'custid': '3' },
    { 'custName': 'dan', 'custid': '4' }
];

So, from the above array, If I search for Mike it has to return the 2 records which contain mike in the custName or if I search for 1 it has to return the customer with id 1. So it has to search each and every property in each object and return the matched object.

It is like more of a general search in the object array.

Thanks

Looping through the object properties is better explained here: https://stackoverflow.com/questions/684672/how-do-i-loop-through-or-enumerate-a-javascript-object — Phillip Thomas, Jan 04 '18 at 17:00

Nina Scholz · Accepted Answer · 2018-01-04T17:41:07.707

4

You could filter the array by checking all properties.

If you have properties which are not strings, you need to convert to string before using String#indexOf.

function search(array, value) {
    value = value.toString().toLowerCase();
    return array.filter(function (o) {
        return Object.keys(o).some(function (k) {
            return o[k].toString().toLowerCase().indexOf(value) !== -1;
        });
    });
}

var itemPrices = [{ custName: 'Mike', custid: '1'}, { custName: 'secondMike', custid: '2' }, { custName: 'Ben', custid: '3' }, { custName: 'dan', custid: '4' }];

console.log(search(itemPrices, 'Mike'));
console.log(search(itemPrices, 2));

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

edited Jan 04 '18 at 17:41

answered Jan 04 '18 at 17:02

Nina Scholz

376,160
25
347
392

Damn your fast fingers :) – Ori Drori Jan 04 '18 at 17:04
1

@OriDrori, it's the power of short variables names, or so. ;-) – Nina Scholz Jan 04 '18 at 17:07
Thanks for the answer @NinaScholz. What if I have the integer values in the Id field? – Nalluri Jan 04 '18 at 17:27
you could convert all values to string and test then, like the edit. – Nina Scholz Jan 04 '18 at 17:41

Phillip Thomas · Answer 2 · 2018-01-05T20:01:07.010

This can be done by iterating the array of objects, then the properties of each object like so:

var matches = [];
var searchString = 'Mike';
var itemPrices = [
    { 'custName': 'Mike', 'custid': '1'},
    { 'custName': 'secondMike', 'custid': '2' },
    { 'custName': 'Ben', 'custid': '3' },
    { 'custName': 'dan', 'custid': '4' }
];

for (var i = 0; i < itemPrices.length; i++) {
    for(var prop in itemPrices[i]) {
        if (itemPrices[i][prop].includes(searchString)) {
            matches.push(itemPrices[i]);
            break;
        }
    }
}

console.log(matches);

As a function, because that is a more reusable solution:

function searchObjectArrayProperties(searchString, arrayToSearch) {
  var matches = [];
  for (var i = 0; i < arrayToSearch.length; i++) {
    for(var prop in arrayToSearch[i]) {
      if (arrayToSearch[i][prop].includes(searchString)) {
        matches.push(arrayToSearch[i]);
        break;
      }
    }
  }

  return matches;
}

var itemPrices = [
  { 'custName': 'Mike', 'custid': '1'},
  { 'custName': 'secondMike', 'custid': '2' },
  { 'custName': 'Ben', 'custid': '3' },
  { 'custName': 'dan', 'custid': '4' }
];

// Then use the function like:
console.log(searchObjectArrayProperties('Mike', itemPrices));

Looks good, but an object that has multiple matching properties will be returned as many times as it has matches. Better add a `break;`. And while you are at it, make it a code snippet! — Peter B, Jan 04 '18 at 17:07

score 0 · Answer 3 · answered Jan 04 '18 at 19:18

const filterPrices = (arr, value) => arr
                                .filter(e => Object.values(e)
                                    .some(f => f.includes(value)));

This function should work. It takes the array of objects and a value to search for. It filters the array, checking the values (Object.values) of the object, then checking if any value (.some) of the array of values includes the value searched for.

This assumes that you have support for String.prototype.includes andObject.values in the environment you are developing for.

Search for a value in Object Array using Javascript

3 Answers3