2021-8-2 前端开发中每天遇到的问题（3）---vue中的数组解构赋值，改变堆地址

      const newArr = [...this.dataSource]
      newArr.forEach((item, index) => {
        // console.log(item)
        const obj = {}
        let producedAmount = ''
        let consumedAmount = ''
        let timestr = ''
        let flag = 0
        obj.processSegmentId = item.processSegmentId
        obj.processSegmentName = item.parentProcess
        obj.childDescription = item.childProcess
        obj.childStandardList = []
        delete item.processSegmentId
        delete item.parentProcess
        delete item.childProcess
        delete item.detailId
        delete item.key
        delete item.operation
        }

这是开始的时候我写的，用了数组中的解构赋值[…dataSource]，后来在进行打印dataSource时，我发现dataSource时，值改变了，造成之后的操作报错，一般报错为

... of undefind

后来才知道，解构赋值不会产生新的堆栈，解决方法如下

 const newArr = JSON.parse(JSON.stringify(this.dataSource))