Copiar objetos en profundidad en Angular

Otra opción es implementar su propia función:

/**
 * Returns a deep copy of the object
 */
public static deepCopy(oldObj: any) {
    var newObj = oldObj;
    if (oldObj && typeof oldObj === "object") {
        newObj = Object.prototype.toString.call(oldObj) === "[object Array]" ? [] : {};
        for (var i in oldObj) {
            newObj[i] = this.deepCopy(oldObj[i]);
        }
    }
    return newObj;
}

También puedes usar:

JSON.parse(JSON.stringify(Object))

Si está en su ámbito, está en cada componente Angular, directiva, etc. y también está en cada entorno de nodo.

A menos que tenga una referencia circular, debería funcionar y disociará efectivamente su referencia de variable con el objeto original.

Puedes deep copy un objeto en Angular usando el método cloneDeep de lodash:

Instala lodash con yarn add lodash o npm install lodash.

En tu componente, importa cloneDeep y úsalo:

import * as cloneDeep from 'lodash/cloneDeep';
...
clonedObject = cloneDeep(originalObject);

Solo son 18kb añadidos a tu compilación, bien vale la pena por los beneficios.

También he escrito un artículo aquí, si necesita más información sobre por qué usar cloneDeep de lodash.

Si la fuente es una matriz de objetos , usando map:

let cloned = source.map(x => Object.assign({}, x));

O

let cloned = source.map((x) => {
                return { ...x };
             });