recat(1)- lodash 深复制

安装插件 npm 官方文档 https://www.npmjs.com/package/lodash
$ npm i --save lodash
引入到文件中
import { cloneDeep } from 'lodash'
可以实现深复制 改变数据 不会影响到以前的数据

import { cloneDeep } from 'lodash'
const state = {
  str: 'lodash深复制',
  obj: {
    y: 1,
    aa:[5,54,76,{"哈哈":"你好啊"}],
    nihao:{
        haha:'121',
        heihei:'54'
    }
  },
  arr: [1, 2, 3]
}
const newState = cloneDeep(state)  /* 使用时 将需要克隆的数据放进去 */
//改变数据试试
newState.obj.aa.push(10)
newState.obj.nihao.haha = "你好"
newState.obj.aa[3] = {"hahh":"wobuhao"}
//打印结果 前后进行比较
console.log(state, newState) 

// const newState = JSON.parse(JSON.stringify(state)) /* 使用JSON.parse 也可以实现深复制 */

比较的结果: 不会影响之前的数据


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容