vue3.0 const arr = a 改变arr,发现a也变了，啥情况求解？

Question

     function epExcal( ){
        const exportData = props.searchResult    
        downloadExcel(exportData) // 这里用自定义函数 对 exportData 数组进行处理, 并下载
     // 现在问题是，处理了  exportData  ，
   //    console.log('@@@@@@@@@@@@', props.searchResult) 
     //    打印发现  props.searchResult 这个数组也发生了变化，造成网页效果的改变了
   
      }

这个是啥原因，怎么解决这个问题，让原数组不发生改变

Answer 1

exportData = JSON.parse(JSON.stringify(props.searchResult));

通过json解析进行深拷贝数据，就不会影响原数据了
或者用其他的深拷贝方法，例如es6的Object.assign: exportData = Object.assign({}, props.searchResult);
当然了，json解析是最简单方便的

如有帮助，望采纳 ^.^ 谢谢~