浅拷贝和深拷贝

1.浅拷贝

// 只能实现第一层的拷贝

var obj1 = Object.asign({}, obj)

// 或者使用结构运算符

obj1 = { ...obj }

2.深拷贝

2.1 JSON转译

// 该方法不能拷贝undefined和函数，会忽略symbol

let target = JSON.parse(JSON.stringfy(source))

2.2 递归实现

// 递归实现，创建一个新的空对象target，遍历源对象的key，如果该key对应的属性值不是对象，就添加改属性到target，如果是对象就继续copy函数，最后返回target

function deepCopy(source){
  let target = {}
  for (const key in source) {
    const element = source[key];
    if(source.hasOwnProperty(key)){
      if (typeof element !== 'object') {
        target[key] = element
      } else {
        target[key] = deepCopy(element)
      }
    }
  }
  return target
}

数组展平的方法：

1.先将数组转为string（此时已将数组展开，逗号分隔），再用split转为数组

let a = [1,2,3]
console.info(a.toString()) // "1,2,3"
a = [1, 2, [3, 4]]
console.info(a.toString()) // "1,2,3,4"
a = [1, 2, [3, 4, [5, 6], 7], 8]
console.info(a.toString()) // "1,2,3,4,5,6,7,8"
let b = a.toString().split(",") 
console.info(b) // ["1", "2", "3", "4", "5", "6", "7", "8"]
a = [1, 2, "a", [3, 4, [5, 'c', 6], 7], 8, {}, function(){}]
b = a.toString().split(",").map(item => Number.isNaN(Number(item)) ? item : Number(item))
console.info(b) // [ 1, 2, 'a', 3, 4, 5, 'c', 6, 7, 8 ]

以上只能对原始值有效，也算是一种思路。

2.ES6新增了 flat(n)  -- 将嵌套数组展开，n参数为展开层数，可用Infinity展开全部层级