Filter an array of objects with jquery grep but the criteria is a variable

Question

I'm trying to filter down an array of objects. But the property of the object to filter on is defined elsewhere as a variable and not 100% how i can construct the dot-notation syntax.

So i have a array object like this

var listings = [
    {"id" : "1", "name":"a name", "surname" : "a surname"},
    {"id" : "2", "name":"b name", "surname" : "b surname"},
    {"id" : "3", "name":"c name", "surname" : "c surname"}
]

I have a variable the specifies what property of the object to filter on. This variable isn't always set to name. In the example above it could be on id,name or surname.

var filter = 'id'

A var for the filter val to look for

var filterVal = '2'

Then i have this grep call.

listings = $.grep(listings, function (obj, index) {
return  obj.id === filterVal;
});

But instead of having obj.id hard coded I want something like:

obj."value of filter variable" === filterVal

Thanks in advance

Ben

JonnyReeves · Accepted Answer · 2012-08-16 13:12:19Z

9

You can make use of square bracket notation instead of dot notation.

var idKey = "name";
$.grep(listings, function (obj) {
    return obj[idKey] === filterVal;
});

answered Aug 16, 2012 at 13:12

JonnyReeves

6,1992 gold badges28 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Filter an array of objects with jquery grep but the criteria is a variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related