How to compare two array objects orders are same in Typescript

Question

How to compare these array object orders are equal.

this.arrayOne = [
{ "data": "India", "seq_id": 1 },
{ "data": "Japan", "seq_id": 2 },
{ "data": "USA", "seq_id": 3 }    
            ]

this.arrayTwo = [
{ "data": "India", "seq_id": 1 },
{ "data": "Japan", "seq_id": 2 },
{ "data": "USA", "seq_id": 3 }    
            ]

Anyone can solve the problem..!?

read https://stackoverflow.com/questions/21987909/difference-between-two-array-of-objects-in-javascript — Saeed, Apr 10 '18 at 05:10

Kirill Simonov · Accepted Answer · 2018-04-12T16:15:09.260

2

This code checks if both arrays have the same order. To compare the objects in the arrays it checks if two objects have the same number of properties and all their properties are equal (considering that all properties are of primitive types).

let arrayOne = [
  { "match_value": "India", "seq_id": 1 },
  { "match_value": "Japan", "seq_id": 2 },
  { "match_value": "USA", "seq_id": 3 }    
];

let arrayTwo = [
  { "match_value": "India", "seq_id": 1 },
  { "match_value": "Japan", "seq_id": 2 },
  { "match_value": "USA", "seq_id": 3 }
];

let equal = arrayOne.every((item, i) => {
  let keys = Object.keys(item);
  return keys.length === Object.keys(arrayTwo[i]).length &&
    keys.every(key => arrayTwo[i][key] === item[key]);
});

console.log(equal);

edited Apr 12 '18 at 16:15

answered Apr 10 '18 at 05:51

Kirill Simonov

8,257
3
18
42

I got the error on item. "item is not defined" error is displayed. – Sakkeer A Apr 10 '18 at 06:53
@A.Sakkeer Well, it's weird because, as you can see, `item` is defined as an arrow function parameter. And the above script works as expected. Make sure you have no typos in your code. And what version of typescript do you use? – Kirill Simonov Apr 10 '18 at 16:18
I'm using Angular 5. I don't know how to solve this problem. Can you help me..?. – Sakkeer A Apr 12 '18 at 12:59
@A.Sakkeer I don't know what your issue is, but here is the [working angular demo](https://stackblitz.com/edit/angular-atsoaa) – Kirill Simonov Apr 12 '18 at 16:27
Yes, this is what I expected. But, Still the item is displayed "item is not defined". – Sakkeer A Apr 13 '18 at 05:35

score 1 · Answer 2 · answered Apr 10 '18 at 05:28

try something like this :

let a = [
{ "match_value": "India", "seq_id": 1 },
{ "match_value": "Japan", "seq_id": 2 },
{ "match_value": "USA", "seq_id": 3 }    
            ]
let b = [
{ "match_value": "India", "seq_id": 1 },
{ "match_value": "Japan", "seq_id": 2 },
{ "match_value": "USA", "seq_id": 3 }    
            ]

function compare(a, b):boolean{
  let flag = a.length ;
            for (let i = 0, len = a.length; i < len; i++) {
                    if (a[i].match_value === b[i].match_value) {
                        if (a[i].seq_id === b[i].seq_id) {
                          flag --;
                        }
                    }
            }
if(flag)
  return false;
else
  return true;
}

console.log(compare(a,b));

score 0 · Answer 3 · answered Jan 09 '22 at 20:39

0

Sometimes i take the easy approach.

function compare(a:any , b:any) {
  return JSON.stringify(a) === JSON.stringify(b);
}

this works for me in Angular 13.

answered Jan 09 '22 at 20:39

Ken

423
6
13

How to compare two array objects orders are same in Typescript

3 Answers3