擴(kuò)展運(yùn)算符...和map，filter等方法返回的數(shù)組是深拷貝么？

我們先對擴(kuò)展運(yùn)算符做一個(gè)測試

const a = [1,[2,3],{c:4}]
const b = [...a]

a[1][1] = 13
a[0] =12
console.log(b[0])   // 1
console.log(b[1][1])   // 13

a[2].c = 14
console.log(b[2].c)  // 14

由上面的測試可以看出，擴(kuò)展運(yùn)算符只是部分深拷貝，只是對第一層進(jìn)行了深拷貝，其他都是淺拷貝

我們再對map和filter進(jìn)行測試

const a = [1,[2,3],{c:4}]
const b = a.map(item=>item)
const c = a.filter(item=>item)

a[1][1] = 13
a[0] =12

console.log(b[0])   // 1
console.log(b[1][1])   // 13
console.log(b[0])   // 1
console.log(b[1][1])   // 13

a[2].c = 14
console.log(b[2].c)  // 14
console.log(b[2].c)  // 14

有上面的測試可見，map和filter返回的數(shù)組也是部分深拷貝，只對第一層進(jìn)行了深拷貝

我們也可以這樣理解，他們都是把第一層的元素挨個(gè)取出來然后賦值給了一個(gè)新的數(shù)組