How to usereduce() in Javascript
- The
reduce()
function is used to iteratively mergearray2
intoarray1
. - The
some()
method is employed to check if an object with the sameid
already exists in the accumulated array. - If the
id
is not found, the object is pushed to the accumulator, resulting in a merged array with unique objects.
Example: This example shows the implementation of the above-explained approach.
JavaScript
const array1 = [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }]; const array2 = [{ id: 2, name: 'Jane' }, { id: 3, name: 'Doe' }]; // Merging arrays with unique values using reduce() const mergedArray = array2 .reduce((accumulator, item2) => { if (!accumulator.some(item1 => item1.id === item2.id)) { accumulator.push(item2); } return accumulator; }, array1); console.log(mergedArray); |
[ { id: 1, name: 'John' }, { id: 2, name: 'Jane' }, { id: 3, name: 'Doe' } ]
How to Merge two Different Arrays of Objects with Unique Values only in JavaScript ?
Merging two arrays of objects with unique values is a common task in JavaScript. This operation involves combining the elements of two arrays while ensuring that each resulting object has a unique identifier. We will explore various approaches to merging two arrays of objects with unique values.
These are the following approaches:
Table of Content
- Using concat() and filter()
- Using reduce()
- Using Map and Set
- Using filter() and some()
- Using filter() and Map and has()