繁体   English   中英

angular js-复制对象而不复制其引用

[英]angular js - copy object without their reference being copied

我需要在javascript中复制数组,以便两个数组的地址都不同。 如何做呢..

我努力了

$scope.users = data.users;
 $scope.usersTemp = [];
$scope.usersTemp.push($scope.users );

and
 $scope.usersTemp = $scope.usersTemp

您尝试过angular.copy吗? 就像是 :

$scope.usersTemp = angular.copy($scope.usersTemp)

https://docs.angularjs.org/api/ng/function/angular.copy

您可以使用:

angular.copy ( myObjorArrayetc )

您正在尝试做的事情似乎是创建JS数组的浅表副本 如果这不是您的用例,请告诉我。

在JS中有几种方法可以做到这一点

const copy = [...original]; // es6 only, uses Symbol.iterator
const copy = original.slice(); // slices the array from index 0,      
                               // returning a shallow copy

const copy = Array.from(original, val => val); // es6 only, takes an 
// array-like object with .length property and a map function
const copy = original.map(x => x); 
// call to Array.prototype.map with identity function.

有了这些,您可以:

const a = [1, 2];
const b = // shallow copy with one of the methods
a.push(3); // and b is still [1, 2]

关于其他答案的快速注释:快速浏览此处的angular文档似乎表明angular.copy返回了深层副本

掌握差异非常重要:浅表副本只会创建一个新对象并将所有值放入其中,而深表副本将尝试为每个值创建一个副本。 这意味着,由于JS中的对象是可变的,因此,如果创建浅表副本,您仍将与其他副本共享其所有值。 深度复制不是这种情况。

例如:

const a1 = [{a: {b: 3}}];
const a2 = // shallow copy
(a1 === 2) // false
a1[0].a.b = 4 // reassign a prop of a value contained inside a1
(a1[0].a.b === 4) // true 

如果制作了深拷贝,则将制作一个新对象。

结论:根据用例使用所需的东西。 浅表副本可以快速创建,但是容易发生不必要的突变,深表副本的创建成本更高,但不受共享访问引起的突变的影响。 附带说明一下,这两种方法当然会对GC产生影响(这意味着浅表复制不会释放对原始所包含值的引用)。

您可以使用

var copy = angular.copy(object);

它将精确复制对象。

如果使用数组的赋值操作,则复制和原始对象都将绑定更改。 因此,请使用angular.copy(oldArray, newArray)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM