How to filter multiple values (OR operation) in javascript

Question

I have an array of arrays , and I need to filter by position 0 of the elements.

I need to filter multiple values extracted from another array, so OR operator is not my way because the amount of values I have is not fixed.

var arr = [
    ["202",27,44],
    ["202",194,35],
    ["200",233,344],
    ["190",333,444],
];

var newArr = arr.filter(function(item){
    //fixed amount of values, not working for my purpose
    return item[0] === "190" || item = "200"
});

I need something like

var newArr = arr.filter(function(item){    
    return item[0] === filterValues
    //where filterValues = ["190","200",etc]
});

function in this case should return :

[["200",233,344],["190",333,444]]

This question uses underscorejs but im new to javascript so it was hard to me to apply it to my problem.

And this is for Angularjs.

I hope you can give me a hand.

P.S : Sorry about my english, its not my native language.

regards

ok=["190", "200"]; data.filter(/./.test, RegExp("^("+ok.join(")|(")+")")); — dandavis
– dandavis, Commented Jan 10, 2016 at 22:07
arr.filter(function(item){return ["190","200"].indexOf(item[0])>=0}) — CupawnTae
– CupawnTae, Commented Jan 10, 2016 at 22:08
@Shomz thanks, done. I actually only sat down to fish a splinter out of my finger, back to work now :-) — CupawnTae
– CupawnTae, Commented Jan 10, 2016 at 22:20

Community · Accepted Answer · 2017-05-23 12:32:20Z

10

You can use indexOf() on an array to find if the array contains a value. It will be -1 if not present, otherwise it will be the index in the array of the first instance of the value, i.e. >=0

So, for example:

arr.filter(function(item){return ["190","200"].indexOf(item[0])>=0})

As per your comment, the filters keys are embedded inside nested arrays. You can extract these using map(), e.g.

var keys = [["190",222],["200",344]].map(function(inner){return inner[0]});

A function implementing this (thanks to @Shomz for the bulk of the code) would look like:

var arr = [
    ["202",27,44],
    ["202",194,35],
    ["200",233,344],
    ["190",333,444],
];
  
function myFilter(query) {
  return arr.filter(function(item){
    return query.indexOf(item[0]) >= 0;
  })
}

var q = [["190",222],["200",344]];
var keys = q.map(function(inner){
  return inner[0];
});

alert(myFilter(keys));

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Jan 10, 2016 at 22:19

CupawnTae

14.7k3 gold badges31 silver badges62 bronze badges

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

5 Comments

Shomz Over a year ago

Added a quick full example so OP can see it in action here.

llermaly Over a year ago

Thanks! , tested in CasperJS and working. I tried with 'include()' answer and didnt work . I dont know if it was my fault or PhantomJS 1.9.2 is not supporting this method yet

llermaly Over a year ago

just noticed that my "query" array is array of arrays too .. tried with var q = [["190",222],["200",344]]; return query[0].indexOf(item[0]) >= 0; but just returned ["190",333,44] :(

CupawnTae Over a year ago

@llermaly yeah, that won't work - one solution would be to map the inner arrays to their first element, e.g. var q = [["190",222],["200",344]].map(function(inner){return inner[0]});

llermaly Over a year ago

Thanks ! I have so much to learn , but I'm happy theres people like you around there, I hope to be answering soon :) . Have a nice day

Sebastián Espinosa · Accepted Answer · 2018-07-12 08:04:03Z

3

const compare_set = ["190", "200", "201"] // here we can set the numbers we want to use to filter the rows, only for educational purposes, i suppose you will extract them from another place.

const result = arr.filter(o => compare_set.includes(o[0]))

Array.includes looks for a value inside the Array, if exists returns true, and filter expects a true. if not is discarded.

answered Jul 12, 2018 at 8:04

Sebastián Espinosa

2,13314 silver badges23 bronze badges

Collectives™ on Stack Overflow

How to filter multiple values (OR operation) in javascript

2 Answers 2

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related