Testing for an array's elements inside another array

Question

I've used help from previous posts to get so far, but I just can't get this to work. I want to test if ALL group2 array elements exist in the group1 array. At the moment I'm getting opposite results to what I want. I've tried reversing the code in the 'compare arrays' jQuery section, but no luck. Example outcomes are given below in columns. https://jsfiddle.net/v82pfx2w/. Can anyone shed light on this?

group1:                      group1:                      group1:
 Luxembourg                   Greece                       Greece
 Netherlands                  Netherlands                  Netherlands
 Belgium                      Luxembourg                   Luxembourg
                              Belgium                      Belgium
group2
 Netherlands                 group2                       group2
 Greece                       Netherlands                  Luxembourg
 Luxembourg                   Luxembourg                   Belgium
 Belgium                      Belgium

NO MATCH                     YES MATCH                    YES MATCH




https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js


<div id="containerStore">
  <div class='AggregCountriesBNLUX'>
  <label>Netherlands</label>
  <label>Greece</label>
  <label>Luxembourg</label>
  <label>Belgium</label>
 </div>

 <div class='AggregCountriesWEur'>
  <label>Netherlands</label>
  <label>Luxembourg</label>
  <label>Belgium</label>
 </div>

 <div class='AggregCountriesWEur'>
  <label>Luxembourg</label>
  <label>Belgium</label>
 </div>
</div>




var group1 = [];
group1 = ['Luxembourg', 'Netherlands', 'Belgium']

$('#containerStore div[class^="AggregCountries"]').each(function(i, obj) {

  group2 = $(this).map(function() {
      return $.trim($(this).text());
    })
    .get();
  group2 = group2.join();


// compare arrays:
  var compareGroups = group1.every(function(val) {
    return group2.indexOf(val) >= 0;
  })
  alert(compareGroups);
});

adiga · Accepted Answer · 2017-09-03 12:25:07Z

1

You can use every

var hasAll = group2.every(function(val) { 
    return group1.indexOf(val) >= 0; 
});

Updated fiddle:

In your fiddle, you were not getting each label's text to separate index of group2. I have added find('label') which will return a collection. Also, you were doing group2 = group2.join(); which replaced the array with a string.

edited Sep 3, 2017 at 12:25

answered Sep 3, 2017 at 11:37

adiga

35.4k9 gold badges66 silver badges88 bronze badges

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

3 Comments

Silverburch Over a year ago

Thanks, but I'm getting an error 'group2.every is not a function'.

Silverburch Over a year ago

Ah, so cause was that I wasn't 'finding' the labels. Your help much appreciated!

adiga Over a year ago

@Silverburch yeah. It was creating an array of length one, with the texts of labels concatenated.

Collectives™ on Stack Overflow

Testing for an array's elements inside another array

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related