当我更新索引 0 处的对象时，Javascript 数组多次包含相同的对象，它会自动更新索引 1 处的对象吗？

Question

可以看到正在插入的对象中的ruleCounter属性为1 插入数组后我们可以看到ruleCounter属性的值为1然后我尝试插入相同的对象，但这次ruleCounter的值为2，但神奇的是在数组中你可以看到数组中两个对象中ruleCounter的值都变成了2

请帮忙解释为什么数组不同索引中的ruleCounter的值会自动更新

var droppedObjects = []; //this array will contain the list of rules dropped on the drop zone area.
    $scope.onDropComplete1 = function(data, evt) {
        ruleCounter++;
        data.ruleCounter= ruleCounter;
        console.log(data);
        //var index = $scope.droppedObjects.indexOf(data);
        if (data !== null) {
            droppedObjects.push(data); //droping data into the array when drag and drop is complete
            console.log(droppedObjects);
        } else {
            //console.log($scope.droppedObjects1);
        }

    };

Answer 1

在 javascript 中，复杂对象是通过引用传递的。这意味着如果您有:

var objectA = {/* your properties */};
var objectB = objectA;

两个变量都保存对同一对象的引用。因此，如果您在使用任何这些变量时更改属性，您就会同时更改另一个变量中的值。如果您想保留不同的状态，您将需要创建该对象的副本。

var objectA = {/* your properties */};
var objectB = new Object(objectA); // or Object.create(objectA)

现在两者都是不同的对象，您可以独立更改它们的属性。