How to compare 2 arrays and check for values diff in js(es6/7)?

Question

I have 2 arrays like the following:

Arr1 = [{"test":{"active":false},"id":1},{"test":{"active":true},"id":2}]

Arr2 = [{"test":{"active":true},"id":1},{"test":{"active":true},"id":2}]


 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
import { Observable, Subject, throwError } from 'rxjs';
  import { catchError, map } from 'rxjs/operators';

 getOverviewCards(): any {
 return this.http
  .get<OverviewCardList>(this.overviewCardUrl)
  .pipe(map(overviewCards => overviewCards.cardList))
  .pipe(catchError((error: any) => throwError(error)));
}


   this.Arr1.filter(element => this.Arr2.includes(element.test.active))

I know I did wrong, I am using typescript.

Now, I want to check 'active' variable in both arrays. That is, active in first object of arr1 with arr2 and so on. If the both arrays are same it should return true else false. In the above array examples it should return false.

Can anyone please help me with the quickest method. Thanks.

Welcome to SO. Please show us what you have tried. The objective here is for you to show your attempts to solve your own issue and people help you fix *your code* when it doesn't work as expected, not to write all the code for you — charlietfl, Aug 12 '19 at 12:38
Possible duplicate of [How to compare arrays in JavaScript?](https://stackoverflow.com/questions/7837456/how-to-compare-arrays-in-javascript) — Heretic Monkey, Aug 12 '19 at 13:01

Kobe · Answer 1 · 2019-08-12T12:50:25.230

1

You can use every alongside map - map over each element and make sure all are true, otherwise, return false:

Arr1 = [{"test":{"active":false},"id":1},{"test":{"active":true},"id":2}]

Arr2 = [{"test":{"active":true},"id":1},{"test":{"active":true},"id":2}]

console.log(Arr1.every((o, i) => o.test.active === Arr2[i].test.active))

edited Aug 12 '19 at 12:50

answered Aug 12 '19 at 12:40

Kobe

6,226
1
14
35

`Arr1.every((o, i) => o.test.active === Arr2[i].test.active)` would be shorter or did I misunderstand your idea? – claasic Aug 12 '19 at 12:48
@assoron no, you are absolutely correct, nice one, ill sub that in :) – Kobe Aug 12 '19 at 12:50

score -1 · Answer 2 · answered Aug 12 '19 at 12:41

const arr1 = [{ "test": { "active": false }, "id": 1 }, { "test": { "active": true }, "id": 2 }]

const arr2 = [{ "test": { "active": true }, "id": 1 }, { "test": { "active": true }, "id": 2 }]

function check(one, two) {
    let same = true;
    one.forEach((el, index) => {
        if (one[index].test.active !== two[index].test.active) {
            same = false;
        }
    });
    return same
}

console.log(check(arr1, arr2))

How to compare 2 arrays and check for values diff in js(es6/7)?

2 Answers2