jQuery need a simple way to compare arrays then display an alert for equal and other for false

Question

Is there a simple way of comparing two arrays, then having an alert (or some other function later on) pop up if the arrays are equal, and one when it is not?

Here is my array

var answerKey = ["four", "two", "one", "three"]; var answers = [];

jQuery I have so far for this

$("#subBtn").click(function() { $('#bin a').each(function() { answers.push($(this).attr('name')); }) console.log(answers); });

HTML

<ul> <li><a draggable="true" href="#" id="one" name="uno" class="imgHvr">One</a></li> <li><a draggable="true" href="#" id="two" name="dos" class="imgHvr">2</a></li> <li><a draggable="true" href="#" id="three" name="tres" class="imgHvr">three</a></li> <li><a draggable="true" href="#" id="four" name="sweet" class="imgHvr">4</a></li> </ul>

@rontornambe These arrays need to be in the same order too. one,two,three isn't the same as two,three,one for a quiz — Mike Park
– Mike Park, Commented Nov 2, 2012 at 19:31

Mike Park · Accepted Answer · 2012-11-07 18:48:46Z

1

Just compare both arrays element by element.

function arraysEqual(arr1, arr2){ if (arr1.length != arr2.length) return false; for (var i=0;i<arr1.length;i++){ if (arr1[i] != arr2[i]) return false; } return true; }

Click handler...

 $("#subBtn").click(function() { var answers = []; $('#bin a').each(function() { answers.push($(this).attr('name')); }); console.log(answers); if (!arraysEqual(answerKey, answers)) { alert("something"); } });

Copy this exactly

edited Nov 7, 2012 at 18:48

answered Nov 2, 2012 at 19:39

Mike Park

11k3 gold badges38 silver badges50 bronze badges

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

9 Comments

user1791449 Over a year ago

When this code runs, it checks is checking to make sure there are the correct number of items and it works just fine. I am also needing it to check to make sure that the order of both arrays match also. What is the best and easiest way to add that?

Mike Park Over a year ago

@user1791449 This does check that. Is it not working for you?

user1791449 Over a year ago

No, it alerts me when there are the correct number of items, but says it is correct even when the order is incorrect.

Mike Park Over a year ago

Are you sure? It works for me - jsfiddle example

Mike Park Over a year ago

Show me an example where it fails and I'll see if I can help you

|

Nahuelistico · Accepted Answer · 2012-11-02 19:46:23Z

If you don't want to compare element by element, this should work:

if (JSON.stringify(array_1) == JSON.stringify(array_2)){ .... }

Collectives™ on Stack Overflow

jQuery need a simple way to compare arrays then display an alert for equal and other for false

2 Answers 2

9 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

Comments

Linked

Related