How to Deep Clone an Array of Objects in JavaScript?

Estimated read time 1 min read

You can deep clone an array of objects in JavaScript using a for loop and the deep cloning function mentioned above. The function should be called for each object in the array to create a new array with cloned objects.

Here’s an example:

function deepClone(obj) {
  if (obj === null || typeof obj !== "object") {
    return obj;
  }

  let clone = Array.isArray(obj) ? [] : {};

  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      clone[key] = deepClone(obj[key]);
    }
  }

  return clone;
}

const original = [{ a: 1 }, { b: 2 }];
const clone = original.map(obj => deepClone(obj));

This approach creates a new array with cloned objects, ensuring that changes to the clone do not affect the original objects.

You May Also Like

More From Author

+ There are no comments

Add yours

Leave a Reply