Копирование массива объектов в другой массив без ссылки на объект в javascript (Deep copy)

Ответ 1

Позвольте мне понять: вам не нужен только новый массив, но вы хотите создать новый экземпляр для всех объектов, присутствующих в самом массиве? Итак, если вы изменяете один из объектов в массиве temp, эти изменения не распространяются на главный массив?

Если это так, это зависит от значений, которые вы храните в основном массиве. Если эти объекты являются простыми объектами, и они могут быть сериализованы в JSON, то самый быстрый способ:

var tempArray = JSON.parse(JSON.stringify(mainArray));

Если у вас более сложные объекты (например, экземпляры, созданные некоторыми вашими конструкторами, узлами html и т.д.), вам нужен подход ad hoc.

Edit:

Если у вас нет методов на newObjectCreation, вы можете использовать JSON, однако конструктор не будет таким же. В противном случае вам нужно сделать копию вручную:

var tempArray = [];
for (var i = 0, item; item = mainArray[i++];) {
    tempArray[i] = new newObjectCreation(item.localIP, item.remoteIP, item.areaId);
}

Ответ 2

Lodash может использоваться для глубокого копирования объектов _.cloneDeep (значение)

var objects = [{ 'a': 1 }, { 'b': 2 }];

var deep = _.cloneDeep(objects);
console.log(deep[0] === objects[0]);
// → false

Ответ 3

Значит, вам нужна глубокая копия без ссылки на объект? Конечно, используйте .slice().

Пример:

var mainArr = [],
    tmpArr = []

tmpArr = mainArr.slice(0) // Shallow copy, no reference used.

PS: Я не думаю, что синтаксический анализ с двойным JSON показатель производительности.

Ответ 4

Для некоторых других людей с таким же вопросом. Вы также можете сделать это таким образом.
Используя новые функции es6, вы можете создать копию массива (без ссылки) и копию каждого объекта без одного уровня ссылок.

const copy = array.map(object => ({ ...object }))

Это намного функциональнее и идиоматичнее ИМХО

Примечание. Синтаксис Spread эффективно копируется на один уровень при копировании массива. Следовательно, он может быть неподходящим для копирования многомерных массивов, как показано в следующем примере (то же самое с Object.assign() и синтаксисом распространения).
Дополнительная информация: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

Так что, в основном, если ваши объекты не имеют объектов в качестве свойств. Этот синтаксис - это все, что вам нужно. К сожалению, в спецификации нет функции глубокого клонирования "из коробки", но вы всегда можете использовать библиотеку, если это то, что вам нужно

Предупреждение о совместимости браузера: я думаю, что сейчас это часть спецификации Ecma, но некоторые браузеры не имеют полной поддержки расширенной синтаксической струи. Но с помощью одного из популярных транспортеров вы будете в порядке

Ответ 5

Вы можете использовать Angular copy: angular.copy();

Ответ 6

Чтобы скопировать значения массива без копирования ссылки на массив, вы можете просто сделать:

let tempArray = [...mainArray];

Это рекомендуемое решение для AirBnb JS Style Guide: https://github.com/airbnb/javascript#arrays

Однако это не создаст новые ссылки для объектов внутри массива. Чтобы создать новую ссылку для массива и объектов внутри, вы можете сделать:

JSON.parse(JSON.stringify(mainArray));

Ответ 7

Используйте angular.copy. Но не для всего массива (потому что он будет передавать элементы массива по ссылке), но итерируйте его и используйте angular.copy для его членов.

var newArray = [];
for (var i = 0, item; item = mainArray[i];) {
    newArray[i] = angular.copy(item);
    i++;
}