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.
These are the following approaches:
Table of Content
- Using a Temporary Variable
- Using Destructuring Assignment
- Using Array.prototype.splice() Method
- Using Object.assign and Spread Operator:
Using a Temporary Variable
swapping values between two arrays of objects using a temporary variable involves the following steps:
- Create a temporary variable to store the value of the array during the swap.
- Assign the value of the first array of object to the temporary variable.
- Assign the value of the second array of object to the position originally held by the first array of object.
- Assign the value stored in the temporary variable to the position held by the second array of object.
- Repeat the assignments for each corresponding pair of object in the arrays.
- After completing the swap for all object in the arrays, return ‘true’ to indicate that the swapping was successful.
Example: This example shows the implementation of the above-explained approach.
function fun(arrayA, arrayB) {
// Arrays must have the same length
if (arrayA.length !== arrayB.length) {
return false;
}
for (let i = 0; i < arrayA.length; i++) {
let tempVariable = arrayA[i];
arrayA[i] = arrayB[i];
arrayB[i] = tempVariable;
}
// Swapping arrays successful
return true;
}
let arrayA = [{ name: "geek" },
{ name: "geek3" }];
let arrayB = [{ name: "geek1" },
{ name: "geek7" }];
let result = fun(arrayA, arrayB);
if (result) {
console.log(arrayA);
console.log(arrayB);
}
else {
console.log("The length of an array must be the same");
}
Output
[ { name: 'geek1' }, { name: 'geek7' } ]
[ { name: 'geek' }, { name: 'geek3' } ]
Using Destructuring Assignment
swapping values between two arrays of objects using a destructuring assignment involves the following steps:
- Use array destructuring assignment to simultanously extract elements from both arrays into variables
- The elements from ‘arrayA’ are assigned to ‘arrayB’ and vice versa.
- Repeate this destructuring assignment for each pair of correspoding element in the array.
- After completing the swap for all object in the arrays, return ‘true’ to indicating that the swapping was successful.
Syntax:
[arrayA[i], arrayB[i]] = [arrayB[i], arrayA[i]];
Example: This example shows the implementation of the above-explained approach.
function swapArraysUsingDestructuring(arrayA, arrayB) {
// Arrays must have the same length
if (arrayA.length !== arrayB.length) {
return false;
}
for (let i = 0; i < arrayA.length; i++) {
[arrayA[i], arrayB[i]] = [arrayB[i], arrayA[i]];
}
// Swapping arrays successful
return true;
}
let arrayA = [1, 2, 3];
let arrayB = [5, 6, 7];
let result = swapArraysUsingDestructuring(arrayA, arrayB);
if (result) {
console.log(`Array A: ${arrayA}`); //Output -> arrayA = [5, 6, 7]
console.log(`Array B: ${arrayB}`);//Output -> arrayB = [1, 2, 3]
}
else {
console.log("The length of an array must be the same");
}
Output
Array A: 5,6,7 Array B: 1,2,3
Using Array.prototype.splice() Method
- Use the Splice() method to remove element from one array and insert them into another array at specified position (index).
- Repeat this splicing operation for each pair of corresponding elelment in the arrays.
- After completing the swap for all object in the arrays, return ‘true’ to indicating that the swapping was successful.
Syntax:
arrayA.splice(i, 1, ...arrayB.splice(i, 1, arrayA[i])[0]);
Example: This example shows the implementation of the above-explained approach.
function fun(arrayA, arrayB) {
// Arrays must have the same length
if (arrayA.length !== arrayB.length) {
return false;
}
for (let i = 0; i < arrayA.length; i++) {
arrayA.splice(i, 1, arrayB.splice(i, 1,
arrayA[i])[0]);
}
// Swapping arrays successful
return true;
}
let arrayA = [{ name: "Pratik" },
{ name: "Mahesh" }];
let arrayB = [{ name: "Rohit" },
{ name: "Rahul" }];
let result = fun(arrayA, arrayB);
if (result) {
console.log("arrayA =", arrayA);
console.log("arrayB =", arrayB);
}
else {
console.log("The length of an array must be the same");
}
Output
arrayA = [ { name: 'Rohit' }, { name: 'Rahul' } ]
arrayB = [ { name: 'Pratik' }, { name: 'Mahesh' } ]
Using Object.assign and Spread Operator:
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.
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' } ]