数组和对象的深拷贝

数组的深拷贝

---

改变原数组

state = {  // constructor 构造函数中的 state
  array = ['0', '0', '0']
}

const newArray = this.state.array
newArray[0] = '1'

newArray  //  ['1', '0', '0']
this.state.array  // ['1', '0', '0']

当新的数组改变时，源数组也发生了改变，这不是深拷贝

正确的拷贝方式

state = {  // constructor 构造函数中的 state
  array = ['0', '0', '0']
}

// 方法一
const newArray = this.state.array.slice()  // 不修改原来的数组
// 方法二
const newArray = [...this.state.array]  // 不修改原来的数组
newArray[0] = '1'

newArray  //  ['1', '0', '0']
this.state.array  // ['0', '0', '0']

数组的拼接

---

push()方法：使用会改变原数组
concat()方法：使用不会改变原数组

---

Es6 对象的深拷贝

Object.assign()

用于将所有可枚举属性的值从一个或多个源对象中复制到目标对象， 它将返回目标对象

const obj = {
  a: 1,
  b: 2,
}
const obj2 = Object.assign({ }, obj)  // { a: 1, b: 2 }

obj2.a = 2
cosnole.log(obj, obj2)  // { a: 1, b: 2 } { a: 2, b: 2 }

结构赋值

let obj = {
  a: 1,
  b: 2,
}
let obj2 = { ...obj }
obj2.a = 2

console.log(obj, obj2)  // { a: 1, b: 2 } { a: 2, b: 2 }

JSON.stringify 和 JSON.parse()

let obj = {
  a: 1,
  b: 2,
}
let obj2 = JSON.parse(JSON.stringify(obj))
obj2.a = 2

console.log(obj, obj2)  // { a: 1, b: 2 } { a: 2, b: 2 }