js中4种浅拷贝方法

let obj_old = { name: 'Tom', age: 15, favorite: { food: 'bread', drink: 'milk' } }

1.语法：Object.assign(target, ...sources)

target 目标对象，接收源对象属性的对象，也是修改后的返回值。 sources 源对象，包含将被合并的属性。

let obj_new = {...obj_old}

2.语法：{...sources}

sources 源对象，包含将被合并的属性。

let obj_new = Object.assign({}, obj_old)

3.语法：arr.concat(value0, /* … ,*/ valueN)

注：如果省略了所有 valueN 参数，则 concat 会返回调用此方法的现存数组的一个浅拷贝。

let arr_new = arr_old.concat()

4.语法：arr.slice(begin, end)

注：如果省略了 begin, end 参数，则 slice 会返回调用此方法的现存数组的一个浅拷贝。

let arr_new = arr_old.slice()

 

console.log(obj_old === obj_new) // false

console.log(obj_old.name === obj_new.name) // true

console.log(obj_old.favorite === obj_new.favorite) // true