Check if variable contains any value of array

Question

I have two arrays like so;

arr1 = ["foo.com", "bar.com"],
arr2 = ["//test.net/index.html", "http://www.bar.com", "https://foo.com/example.js"]

I'm iterating through arr2 and I want to omit the ones that contain any value of arr1.

Currently I'm using indexOf but that doesn't work if the values don't match exactly.

$.each(arr2, function(k,v){
  if(arr1.indexOf(v) == -1)
    console.log(v);
});

I'd hope for the above code to output

//test.net/index.html

since it's the only value of arr2 that doesn't contain any value of arr1. What am I doing wrong?

test is backwards, all of the arr1 strings are shorter than arr2 strings so they will never contain them — charlietfl
– charlietfl, Commented Oct 23, 2014 at 13:08

Ali Doruk Baykal · Accepted Answer · 2014-10-23 13:24:11Z

3

I would wrote two each loops for this:

arr1 = ["foo.com", "bar.com"],
arr2 = ["//test.net/index.html", "http://www.bar.com", "https://foo.com/example.js"]

$.each(arr2, function(x,y){
    var found = false;
    $.each(arr1, function(k,v){
        if(!(y.indexOf(v) == -1)){
        found = true;
        return false;
        }
    });
    
    if(!found){
        console.log(y);
    }
    
    found= false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

edited Oct 23, 2014 at 13:24

answered Oct 23, 2014 at 13:17

Ali Doruk Baykal

937 bronze badges

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

2 Comments

dfsq Over a year ago

Yes, you can do that. However it would be more optimal to use for loop and break to stop the search once occurrence is found. Or to return false from $.each to break the loop.

Ali Doruk Baykal Over a year ago

Yes thats true, i changed the code to return false after founding.

dfsq · Accepted Answer · 2014-10-23 13:13:57Z

3

You can use filter + some ES5 Array methods:

var arr1 = ["foo.com", "bar.com"],
    arr2 = ["//test.net/index.html", "http://www.bar.com", "https://foo.com/example.js"];

var result = arr2.filter(function(val) {
    return !arr1.some(function(el) {
        return val.indexOf(el) !== -1;
    });
});

alert(result);

Support for ES5 starts from IE9+, but if you need it to work in older IE, you can use polyfills (see links I provided), or it's pretty trivial to rewrite some part with simple for loop and use $.grep instead of Array.prototyp.filter.

edited Oct 23, 2014 at 13:13

answered Oct 23, 2014 at 13:07

dfsq

193k26 gold badges244 silver badges261 bronze badges

2 Comments

RobG Over a year ago

filter is also an ES5 method. ;-)

dfsq Over a year ago

@RobG Yes, just like I said filter and some methods :)

Abdoul Sy · Accepted Answer · 2014-10-23 13:18:39Z

0

It seems That you're using the Array version of indexOf, which doesn't work id the match is not exact. With a little bit more setup, you can use the String version of indexOf

function compareValues (arr1, arr2){

var res = false;
$.each(arr2, function(k,v) {
    checkAgainstArray(arr1, v);
});

function checkAgainstArray(arr1, value) {
    $.each(arr1, function(k, v) {
       if(value.indexOf(v) !== -1){
         res  = true;
       }
    });
}
  return res;
}

//later on

var isValueInArray = compareValues(arr1, arr2);

(the code is not tested), but I Hope this helps

answered Oct 23, 2014 at 13:18

Abdoul Sy

5903 silver badges11 bronze badges

Comments

LukeDev · Accepted Answer · 2014-10-23 13:54:10Z

-2

Try use the javascript RegExp to do the matching for each array element

http://www.w3schools.com/js/js_regexp.asp

edited Oct 23, 2014 at 13:54

answered Oct 23, 2014 at 13:09

LukeDev

134 bronze badges

Collectives™ on Stack Overflow

Check if variable contains any value of array

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related