Compare Two arrays for equality if they have nested objects in Jquery

Question

I have two array with 5 objects each. Before I proceed, I want to check whether these two arrays are equal or not. I tried looking for the answers but unfortunately couldnt find anything for nested arrays with multiple objects. Is there a way to achieve this?

eg. Array1 ==> 5 nested objects enter image description here Array2 ==> 5 nested objects

Now check whether Array1 == Array2 and return a boolean value.

You need to compare the objects individually compare index 0 to index 0 compare all the attributes of each object for equality... — brso05
– brso05, Commented Jun 25, 2015 at 13:21

Tomek Sułkowski · Accepted Answer · 2015-06-25 13:38:54Z

2

You can do it without jQuery - change them to a string by using globally available JSON.stringify method, then the comparison will be easy:

JSON.stringify(arr1) === JSON.stringify(arr2);

This is kind of a hack. But it does work well. And in the era when Angular framework is checking it's injections by running toString() on its functions and then regexping the attributes (oh yes it does), I think this is just an effective solution ;)

edited Jun 25, 2015 at 13:38

answered Jun 25, 2015 at 13:34

Tomek Sułkowski

7,2312 gold badges20 silver badges15 bronze badges

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

4 Comments

Gaurav Sachdeva Over a year ago

Yes.. I read somewhere that it's not a good practice to convert them to strings. Don't know the reason though..

Timmetje Over a year ago

There's no such thing as a bad practice by default. In this case it's an effective solution, in other cases it might be bad practice. My point being, it's subjective and entirely depending on the situation.

Gaurav Sachdeva Over a year ago

Yup.. Worked like a charm... :)

Tomek Sułkowski Over a year ago

It depends on your objects structure. The only downsides I know is that it wont be able to change date objects back from string values, and you'd lost eventual custom methods of your objects.

Andy · Accepted Answer · 2015-06-25 13:39:38Z

var arr1 = [{val: 1}, {val: 2}, {val: 3}, {val: 4}, {val: 5}]
var arr2 = [{val: 1}, {val: 2}, {val: 3}, {val: 4}, {val: 5}]
var arr3 = [{val: 1}, {val: 2}, {val: 3}, {val: 9}, {val: 5}]

function isEqual(arr1, arr2) {

    // If the array lengths are different, return false
    if (arr1.length !== arr2.length) return false;

    // Grab an array of true/false values determined
    // by the result of the `some` callback
    // Return false if `false` is found in the array, otherwise true
    return arr1.map(function (one) {
        return arr2.some(function (two) {
            return two.val === one.val;
        });
    }).indexOf(false) > -1 ? false : true;
}


isEqual(arr1, arr2); // true
isEqual(arr1, arr3); // false

DEMO

Collectives™ on Stack Overflow

Compare Two arrays for equality if they have nested objects in Jquery

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related