How to use Object.assign and Spread Operator In Javascript

Using Array.prototype.splice() Method

You can swap values between objects in arrays using Object.assign and the spread operator. Create new arrays with swapped values by merging objects with Object.assign and spreading the remaining elements using the spread operator for efficient swapping.

Example: In this example we are swaping the name values between the first objects in array1 and array2 by creating new arrays with updated first objects while keeping the rest of the elements unchanged.

JavaScript

let array1 = [{ id: 1, name: 'John' }, { id: 2, name: 'Jane' }];
let array2 = [{ id: 3, name: 'Alice' }, { id: 4, name: 'Bob' }];

// Swap the name values between the first objects in array1 and array2
array1 = [{ ...array2[0], name: array1[0].name }, ...array1.slice(1)];
array2 = [{ ...array1[0], name: array2[0].name }, ...array2.slice(1)];

console.log(array1);
console.log(array2);

Output

[ { id: 3, name: 'John' }, { id: 2, name: 'Jane' } ]
[ { id: 3, name: 'Alice' }, { id: 4, name: 'Bob' } ]

How to Swap Two Array of Objects Values using JavaScript ?

Swapping values between two arrays of objects is a common operation in JavaScript, there are multiple methods to swap values between arrays of objects efficiently. Swapping values between arrays can be useful in scenarios like reordering data, shuffling items, or performing certain algorithms.