Deep copy or clone in TypeScript

deep-copy.ts

/**
 * Deep copy function for TypeScript.
 * @param T Generic type of target/copied value.
 * @param target Target value to be copied.
 * @see Source project, ts-deepcopy https://github.com/ykdr2017/ts-deepcopy
 * @see Code pen https://codepen.io/erikvullings/pen/ejyBYg
 */
export const deepCopy = <T>(target: T): T => {
  if (target === null) {
    return target;
  }
  if (target instanceof Date) {
    return new Date(target.getTime()) as any;
  }
  if (target instanceof Array) {
    const cp = [] as any[];
    (target as any[]).forEach((v) => { cp.push(v); });
    return cp.map((n: any) => deepCopy<any>(n)) as any;
  }
  if (typeof target === 'object' && target !== {}) {
    const cp = { ...(target as { [key: string]: any }) } as { [key: string]: any };
    Object.keys(cp).forEach(k => {
      cp[k] = deepCopy<any>(cp[k]);
    });
    return cp as T;
  }
  return target;
};

I guess its related to your typescript version because it works fine in Typescript "3.5.3". If you are not using something like realmdb original solution works fine. But for quick workaround you can trick your compiler in the following way:

(Symbol as any).iterator

I updated the posted code as well

Thank you so much!!!!

@MohammadFakhreddin
I'm sorry but your version doesn't seems to transpile even in TS 4+

https://www.typescriptlang.org/play?#code/KYDwDg9gTgLgBAYwDYEMDOa4HkBGArYBGACWCTGCjgG8BYAKDjgHoAqVhpuVuAEWGBhEEMAE84AMwCuAOyIBLCDMnQ4AFVEUAygijywMAHScmPAAJgUUFAFt1cAOLAZleQjgxNwOBAkerAObAMMwIIvLAACZwAG4oSFLAxoymcBZWtv5QQfBqgcGx8YkeEHA43mFgEZHJXOZoAnBaEFJQCN5gUBAERAA0HmgAtJECYEjiABYwMGBoAFzMzAHyMBNSOIZhNsyiANaRUABMAAwAjADszDBDI4KVoibcaQ3eAMIQI3AUylMz84thEbfQyKZiuXYxKRIJDyGQBNDMb5gvCiABCAE0Ao9WMwTGB1jD3GgYCgYG44LcwO8xAAeNQAPgAFCTssE5uoAJTstQ0R5weR+Zn5eAAXjFcBkUKQHN5KS4cCgwVayhZOT5AF8+QK4ELWfBYcSUHJgL4+KTgDK6HKuIqYMqJcAAO5mmDAXU5Qw5NTyGxujky9BwI0Pa2a62LOAAMXkUGJXys+swElUVms4iN0QaYRk0UssH5SdUACVgPEbIZ3tDCGSlHyI9r3QUDSTjaaAIJQNNwAA+3Y8XlNjfggeDHMMngocDFIrgAHJiXo4bPLVrBROTX5VQVp3OIPhq8vZfKmA316atzAANqMrSiGw4CBIIOYUcg13WGDQAC6U-Fs+kcg1jIh5WseXDZnGCBCDOl4-iOMiiLBfLyg2Q7PkGCHocGsFjkgzgBKscD0nAxwrtaYHJlQjIQcOnYoKIACywD3pQPibsKWGYfBiFfmRYFgVBhj4mgEyMrgPQkGQFBQIYlLUqIjKpvRTEsVA-rIceYb8XAWn8ba9pQZx6aYGoGnqnAZANEe-E0VkOQANLAKImAzuJ1aGLsTloEOHIaUwtmGTO1C6WBp7Co5zmGHhcKEcRpHWdplE6rZnniOe4VeXx2ngWAl6pT+rn7kQpDkJQsmjPJQ55U5vF+VwIWaXV+lQMohmBqZ5E6RqdbMHATFGpgqykj4RWJkGn42G4fLNSqwomGG6pAA

@fvigotti
Indeed, the ObjectHelper is missing part of the type info. However, this can be easily added, as you can see here.

This working with array, objects and persist datatype

function deepCopyObj<T>(obj: T): T { return JSON.parse(JSON.stringify(obj)) as T; }

I faced an issue when cloning object which had empty objects inside - the empty objects were only passed by reference and therefore any change to the new object affected the old one. I removed the 'target !== {}' to make it work for me. @erikvullings was there any other reason except from optimization for having the condition there?

This working with array, objects and persist datatype

function deepCopyObj<T>(obj: T): T { return JSON.parse(JSON.stringify(obj)) as T; }

True, but it is a rather expensive operation, and it will fail on circular objects, i.e. objects referring to itself.

I faced an issue when cloning object which had empty objects inside - the empty objects were only passed by reference and therefore any change to the new object affected the old one. I removed the 'target !== {}' to make it work for me. @erikvullings was there any other reason except from optimization for having the condition there?

No, not really - this copy/clone function is for basic usage only. I've also ported it to a more elaborate version that takes care of several other issues too, deep-copy-ts. Or you can get it from npm.