Copia profunda de una matriz en Angular 2 + TypeScript

Simple:

let objCopy  = JSON.parse(JSON.stringify(obj));

Esto está funcionando para mí:

this.listCopy = Object.assign([], this.list);

La única solución que he encontrado (casi instantáneamente después de publicar la pregunta), es recorrer el array y usar Object.assign()

Así:

public duplicateArray() {
  let arr = [];
  this.content.forEach((x) => {
    arr.push(Object.assign({}, x));
  })
  arr.map((x) => {x.status = DEFAULT});
  return this.content.concat(arr);
}

Sé que esto no es óptimo. Y me pregunto si hay alguna solución mejor.

Una forma limpia de copiar en profundidad objetos que tienen objetos anidados dentro es usando el método cloneDeep de lodash.

Para Angular, puedes hacerlo así:

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.

Aquí está la mía. No funciona para casos complejos, pero para una simple matriz de Objetos, es lo suficientemente bueno.

  deepClone(oldArray: Object[]) {
    let newArray: any = [];
    oldArray.forEach((item) => {
      newArray.push(Object.assign({}, item));
    });
    return newArray;
  }

Puede usar usar jQuery para copiar profundamente:

var arr =[['abc'],['xyz']];
var newArr = $.extend(true, [], arr);
newArr.shift().shift();

console.log(arr); //arr still has [['abc'],['xyz']]

Me gustaría cloneDeep método de Lodash para esto.

let originalArray :string[]  = ['one', 'two', 'Sc-fi'];
let cloneArray :string[]  = originalArray.concat([]);

Alternativamente, puede usar el proyecto GitHub ts-deepcopy, que también está disponible en npm, para clonar su objeto, o simplemente incluir el fragmento de código a continuación.

/**
 * 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;
};

Esta es la sugerencia de Daria (ver comentario sobre la pregunta) que funciona a partir de TypeScript 2.1 y básicamente clona cada elemento del array :

this.clonedArray = theArray.map(e => ({ ... e }));