javascript - 原始数组已更改，未进行任何修改

Question

我正在尝试从数组中删除重复的对象，并仅保留具有最高 nb 值的对象。

示例:

从此数组:

let arr = [
      {id: 1, nb: 1},
      {id: 1, nb: 4},
      {id: 2, nb: 1},
      {id: 3, nb: 1},
      {id: 1, nb: 2},
      {id: 1, nb: 3},
      {id: 2, nb: 7},
      {id: 2, nb: 8},
    ];

我应该得到这个:

arr2 = [
   { id: 1, nb: 4 },
   { id: 2, nb: 8 }, 
   { id: 3, nb: 1 }
]

下面的算法在理论上是非常正确的，但是我看到原始数组最后被修改了(参见下面最后一个 console.log(arr)):

代码:

let arr = [
  {id: 1, nb: 1},
  {id: 1, nb: 4},
  {id: 2, nb: 1},
  {id: 3, nb: 1},
  {id: 1, nb: 2},
  {id: 1, nb: 3},
  {id: 2, nb: 7},
  {id: 2, nb: 8},
];
// Original array
console.log(arr);

let tmp = {};
for(let i=0; i<arr.length; i++) {
  if( !tmp[arr[i].id] ) {
    tmp[arr[i].id] = arr[i];     
  } else {
    if (tmp[arr[i].id].nb < arr[i].nb ) {
      tmp[arr[i].id].nb = arr[i].nb;
    }
  }     
}

var result = Object.values(tmp);
// This output the desired result
console.log(result);
// Why the original array changed ?
console.log(arr);

这将输出:

> Array [Object { id: 1, nb: 1 }, Object { id: 1, nb: 4 }, Object { id: 2, nb: 1 }, Object { id: 3, nb: 1 }, Object { id: 1, nb: 2 }, Object { id: 1, nb: 3 }, Object { id: 2, nb: 7 }, Object { id: 2, nb: 8 }]
> Array [Object { id: 1, nb: 4 }, Object { id: 2, nb: 8 }, Object { id: 3, nb: 1 }]
> Array [Object { id: 1, nb: 4 }, Object { id: 1, nb: 4 }, Object { id: 2, nb: 8 }, Object { id: 3, nb: 1 }, Object { id: 1, nb: 2 }, Object { id: 1, nb: 3 }, Object { id: 2, nb: 7 }, Object { id: 2, nb: 8 }]

除了循环之外没有任何处理的情况下，为什么原始数组会改变？

Answer 1

原始数组最终更新，因为 tmp 映射和 arr 中的对象共享相同的对象引用。因此，在 tmp 中所做的更改将反射(reflect)在 arr 中。您可以使用Object.assign()使它们指向单独的引用。请尝试以下操作:

let arr = [ {id: 1, nb: 1}, {id: 1, nb: 4}, {id: 2, nb: 1}, {id: 3, nb: 1}, {id: 1, nb: 2}, {id: 1, nb: 3}, {id: 2, nb: 7}, {id: 2, nb: 8}, ];


let tmp = {};
for(let i=0; i<arr.length; i++) {
  if( !tmp[arr[i].id] ) {
    tmp[arr[i].id] = Object.assign({},arr[i]);     
  } else {
    if (tmp[arr[i].id].nb < arr[i].nb ) {
      tmp[arr[i].id].nb = arr[i].nb;
    }
  }     
}

var result = Object.values(tmp);
console.log(result)