Determine if two arrays share the same keys

Question

Determine if two arrays share the same keys

Looking to compare two arrays and update them with matching keys while adding 0 for non-matching keys.

For example:

let obj1 = [
{"type": "Riesenslalom","total": 2862},
{"type": "Slalom", "total": 362 },
{"type": "Super-G", "total": 579 }];

let obj2 = [
{"type": "Riesenslalom","total": 2218},
{"type": "Slalom","total": 448},
{"type": "Wall", "total": 133 }
];

Desired output:

let obj1 = [
{"type": "Riesenslalom","total": 2862},
{"type": "Slalom", "total": 362 },
{"type": "Super-G", "total": 579},
{"type": "Wall", "total": 0 }
];

let obj2 = [
{"type": "Riesenslalom","total": 2218},
{"type": "Slalom","total": 448},
{"type": "Super-G", "total": 0 }
{"type": "Wall", "total": 133 }
];

I have tried various methods but haven't been able to solve this issue. Any suggestions would be greatly appreciated!

Thanks

javascript arrays

Answer 1

Answer №1

To update the arrays, pass them into a function - the first array you want to update and the second array you want to update from. Then, iterate over the objects in the first array. If the type value is not found in an object in the second array, update it with an "empty" object.

After updating, return the array sorted by type if necessary using the sort method.

Repeat the process by switching the arrays in the function arguments.

const arr1=[{type:"Riesenslalom",total:2862},{type:"Slalom",total:362},{type:"Super-G",total:579}],arr2=[{type:"Riesenslalom",total:2218},{type:"Slalom",total:448},{type:"Wall",total:133}];

function update(updateTo, updateFrom) {
  for (const { type } of updateFrom) {
    const found = updateTo.find(obj => obj.type === type);
    if (!found) updateTo.push({ type, total: 0 });
  }
  return updateTo.sort((a, b) => a.type.localeCompare(b.type));
}

console.log(update(arr1, arr2));
console.log(update(arr2, arr1));

Answer 2

To update the arrays, pass them into a function - the first array you want to update and the second array you want to update from. Then, iterate over the objects in the first array. If the type value is not found in an object in the second array, update it with an "empty" object.

After updating, return the array sorted by type if necessary using the sort method.

Repeat the process by switching the arrays in the function arguments.

const arr1=[{type:"Riesenslalom",total:2862},{type:"Slalom",total:362},{type:"Super-G",total:579}],arr2=[{type:"Riesenslalom",total:2218},{type:"Slalom",total:448},{type:"Wall",total:133}];

function update(updateTo, updateFrom) {
  for (const { type } of updateFrom) {
    const found = updateTo.find(obj => obj.type === type);
    if (!found) updateTo.push({ type, total: 0 });
  }
  return updateTo.sort((a, b) => a.type.localeCompare(b.type));
}

console.log(update(arr1, arr2));
console.log(update(arr2, arr1));

Determine if two arrays share the same keys

Answer №1

Similar questions

Is it possible to combine asynchronous and synchronous functions in the same code?

Is there a specific regex pattern available to identify CSS and JavaScript links within an HTML file?

How to utilize Unity's JsonUtility with a class that includes arrays

Encountering an error message that says "ERROR TypeError: Cannot read property 'createComponent' of undefined" while trying to implement dynamic components in Angular 2

The requested resource at http://localhost/Grafica/%7Bd.icon%7D/ was not found (Error 404)

What is the easiest way to include a copyright symbol in a React component?

Testing NodeJS Database Functionality using Mocha and Asserting with should.js

methods for extracting json data from the dom with the help of vue js

Issue with nodes/JavaScript: Array objects not being properly updated

Working with PHP to retrieve values from an array object

What distinguishes node from node js?

How can I clear all jQuery toggled classes that have been added across the entire webpage in an Angular project?

What is the best way to eliminate a specific value within a flatmap?

Text area capacity

Why isn't setInterval set to a duration of one thousand milliseconds?

Error message: Next.js - Unable to access properties of an undefined object (user)

AngularJS - Shared service object mistakenly removed in error

The functionality of Ajax is limited when it comes to handling multiple div elements at the same

Is there a way to update the Angular component tag after it has been rendered?

Troubleshooting Problem: Difficulty accessing Controller in AngularJS Module