Array.filter是否制作阵列的克隆(副本)

Question

我的理解是Array.filter创建对象的克隆，但在下面的示例中，type1和type1a显然共享一些数据。

let initial = [
{id: 1, type: 1, name: "first", count:0},
{id: 2, type: 2, name: "second", count:0},
{id: 3, type: 1, name: "third", count:0},
{id: 4, type: 2, name: "fourth", count:0},
];
let type1 = initial.filter((item)=>item.type===1);
let type1a = initial.filter((item)=>item.type===1);
type1[0].count = 2;
console.log(type1a[0].count);

结果：

Expected result: 0
Got: 2

我错过了什么？

我已经尝试在两个assignenenet中添加排列运算符，但结果是相同的：(

---

感谢@Thomas的回答。

供您参考，正确的代码是：

let initial = [
{ id: 1, type: 1, name: "first", count: 0 },
{ id: 2, type: 2, name: "second", count: 0 },
{ id: 3, type: 1, name: "third", count: 0 },
{ id: 4, type: 2, name: "fourth", count: 0 }
];
// let type1 = initial.filter(item => item.type === 1);
let type1 = [];
initial.forEach((item)=>{
if(item.type === 1)
type1.push(JSON.parse(JSON.stringify(item))
)
})
// let type1a = initial.filter(item => item.type === 1);
let type1a = [];
initial.forEach((item)=>{
if(item.type === 1)
type1a.push(JSON.parse(JSON.stringify(item))
)
})
type1[0].count = 2;
console.log(type1[0].count);
console.log(type1a[0].count);

Answer 1

您得到了一个全新的数组，但该数组包含对对象的引用。引用被复制，但不复制它们所引用的对象。这就是所谓的"浅层"复制。

要制作一个完全独立的"深度"副本，请参阅此问题。