Jquery filter array of object with loop

Question

I have an array of objects like this:

myArray = [
{label: "a", 
value: "100"},
{label: "b",
value: "101"},
{label: "c",
value: "102"}
...

I want to filter it like this:

myArrayFiltered = myArray.filter(function(v){ 
    return v["value"] == "101" || v["value"] == "102"});

Which will return

myArrayFiltered = [
{label: "b",
value: "101"},
{label: "c",
value: "102"}]

in this example but I want to do the filter with an array of values. How can I do that ?

Andrei Nemes · Accepted Answer · 2015-06-23 10:04:02Z

5

Just check if the value you're filtering on is in your array

myArrayFiltered = myArray.filter(function(v){ 
    return ["102", "103"].indexOf(v.value) > -1;
});

edited Jun 23, 2015 at 10:04

answered Jun 23, 2015 at 9:11

Andrei Nemes

3,1221 gold badge18 silver badges23 bronze badges

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

1 Comment

GtAntoine Over a year ago

This one works. Don't forget to add ); at the end. In fact I wasn't using an array to filter but an array of objects like the first array. I converted it in an array to get only the values and then use this solution.

CodingIntrigue · Accepted Answer · 2015-06-23 09:08:27Z

0

You could use the .some method inside your filter:

var requiredValues = ["101", "102", "103"];
myArrayFiltered = myArray.filter(function(v){ 
    return requiredValues.some(function(value) {
        return value === v.value;
    });
});

answered Jun 23, 2015 at 9:08

CodingIntrigue

79k32 gold badges176 silver badges178 bronze badges

2 Comments

Andreas Over a year ago

You can pass requiredValues as the second parameter into .filter(callback[, thisArg]) and then use this.indexOf(). Then you won't have to rely on a "global" parameter - Array.prototype.filter()

CodingIntrigue Over a year ago

@Andreas Certainly possible. I prefer this approach, as it feels unnatural to pass in a variable and pass it off as context, so I'll leave this as-is.

Kamalesh · Accepted Answer · 2015-06-23 09:44:56Z

0

var arrValues = ["101", "102"];



 var result = getData(arrValues,"102")



 function getData(src, filter) {
        var result = jQuery.grep(src, function (a) { return a == filter; });
        return result;
    }

answered Jun 23, 2015 at 9:44

Kamalesh

213 bronze badges

Collectives™ on Stack Overflow

Jquery filter array of object with loop

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related