reduce如何实现浅拷贝？concat如何实现浅拷贝？reduce求和

使用concat的时候一层数据的时候可以实现深拷贝，拷贝的数据如果层级比较深的话就实现不了了，就成为了浅拷贝

let arr1 = ['北京', '上海', '广州']
let arr = []

let arr2 = arr.concat(arr1)
arr2[1] = 'shanghai'
console.log('arr1', arr1);
console.log('arr2', arr2);
打印出来的结果是
arr1 [ '北京', '上海', '广州' ]  
arr2 [ '北京', 'shanghai', '广州' ]

代码如下,

let arr1 = ['北京', { address: '上海' }, '广州']
let arr = []

let arr2 = arr.concat(arr1)
arr2[1].address = 'shanghai'
console.log('arr1', arr1);
console.log('arr2', arr2);

//打印结果是
arr1 [ '北京', { address: 'shanghai' }, '广州' ]
arr2 [ '北京', { address: 'shanghai' }, '广州' ]

以上是用concat实现的，下面来看一下reduce实现浅拷贝

let arr1 = ['北京', { address: '上海' }, '广州']
let arr2 = []

arr1.reduce((total, item, index, arr) => {
    arr2.push(item)
}, 0)
//修改arr2里面的address
arr2[1].address = 'shanghai'
console.log('arr1', arr1);
console.log('arr2', arr2);
// 结果是
// arr1['北京', { address: 'shanghai' }, '广州']
// arr2['北京', { address: 'shanghai' }, '广州']

reduce 的求和累加

let arr = [
    { name: 'zs', num: 111 },
    { name: '2s', num: 222 },
    { name: '3s', num: 333 },
    { name: '4s', num: 444 },
]

let num = arr.reduce((total, item, index, arr) => {
    return total += item.num
}, 0)
console.log(num);
// 结果是 1110