filtering based on multiple attributes in javascript array

Question

I have an array of object having multiple attributes. I have a requirement to filter the array based on many attributes. lets say all the objects having firstname as "John" and who lives in "India" and "30" years of age.

I have done this by putting && condition after each filtering, but I am planning to use Underscore.js in my project. Please let me know if Underscore.js can help me write in a more elegant manner?

Json Data:

  {
    "recordsTotal": 5,
    "recordsFiltered": 5,
    "aaData": [
    {
      "firstname": "John",
      "lastname": "Kumar",
      "city": "Dhaka",
      "country": "Bangladesh",
      "age": "30"
    },
    {
      "firstname": "John",
       "lastname": "Wells",
       "city": "Katmandu",
       "country": "Nepal",
       "age": "28"
    },
    {
       "firstname": "Praveen",
       "lastname": "Garg",
       "city": "columbo",
       "country": "Srilanka",
       "age": "40"
    },
    {
        "firstname": "Joe",
        "lastname": "Wells",
        "city": "Luton",
        "country": "UK",
        "age": "12"
    },
    {
        "firstname": "Rita",
        "lastname": "Wahlin",
        "city": "houston",
        "country": "USA",
        "age": "28"
    }
  ] 
}

bristol.james · Accepted Answer · 2014-12-12 09:42:28Z

1

There is a function _.filter which lets you pass every element of a collection to a function to test whether to include it in the returned filtered list.

So I think you would need something like:

var filtered = _filter(data.aaData, function(item) {
  return (item.firstname == 'John') && (item.country == 'India') && (age == '30'); 
})

See: http://underscorejs.org/#filter

answered Dec 12, 2014 at 9:42

bristol.james

1628 bronze badges

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

Comments

Zack Newsham · Accepted Answer · 2014-12-12 09:49:25Z

1

Take a look at the filter method of underscore, you can pass it in a list of objects, and arbitrarily specify the constraints for each field of the object:

var filtered = _.filter(data, function(item){
   return item.firstname == "John" && item.country == "India" && item.age == 30;
});

alternatively if you have a user defineable list of filters you could:

var filters = {
    "firstname":"John",
    "country":"India",
    "age":"30"
}
var filtered = _.filter(data, function(item){
   for(filter in filters){
       if(item[filter] != filters[filter]){ return false;}
   }
   return true;
});

edited Dec 12, 2014 at 9:49

answered Dec 12, 2014 at 9:43

Zack Newsham

3,0022 gold badges27 silver badges45 bronze badges

Comments

Vaibhav J · Accepted Answer · 2014-12-12 09:58:28Z

0

Try this,

It is fast regular expression, no need to include extra js file except jQuery.

var result = $.grep(xx.aaData, function (e) { return e.firstname == 'john' && e.country == 'india' && e.age == '30'; });

where xx is your main json object

answered Dec 12, 2014 at 9:58

Vaibhav J

1,3328 silver badges15 bronze badges

Collectives™ on Stack Overflow

filtering based on multiple attributes in javascript array

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related