美文网首页
Js数据深拷贝

Js数据深拷贝

作者: 吴小冷 | 来源:发表于2020-06-20 16:59 被阅读0次

//_tmp和result是相互独立的,没有任何联系,有各自的存储空间。

let deepClone = function (obj) {
    let _tmp = JSON.stringify(obj);//将对象转换为json字符串形式
    let result = JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象
    return result;
};
let obj1 = {
    weiqiujaun: {
        age: 20,
        class: 1502
    },
    liuxiaotian: {
        age: 21,
        class: 1501
    }
};
let test = deepClone(obj1);
console.log(test);

因为个人常使用vue所以在下面把代码转换vue写法,方便本人复制

export default{
  data(){
    dataOne:{},
    dataTwo:{},
  }
  methods:{
    deepClone(obj){
        let _tmp = JSON.stringify(obj);//将对象转换为json字符串形式
        let result = JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象
        return result;
     },
    get_list(){
      let dataList = {aaa:abc,bbb:acb,ccc:bac}
      this.dataOne = dataList  //拷贝前
      this.dataTwo = this.deepClone(dataList)  //拷贝后
      this.dataTwo.ddd = abcd
      console.log(this.dataOne)
      ///{aaa:abc,bbb:acb,ccc:bac}
      console.log(this.dataTwo)
      ///{aaa:abc,bbb:acb,ccc:bac,ddd:abcd}
     }
  }
}

原文链接:https://blog.csdn.net/qq_39083004/article/details/80206336

相关文章

  • js浅拷贝深拷贝

    js浅拷贝,深拷贝的简单实现 基础数据 浅拷贝 深拷贝

  • JavaScript对象的拷贝

    本文主要介绍js对象的拷贝,包括浅拷贝和深拷贝,侧重实际方式,简单介绍概念。 一、js数据类型 js数据有不同的划...

  • js数据类型

    JS基本数据类型和引用数据类型(JS 基本数据类型和引用数据类型的区别及浅拷贝和深拷贝) 再讲 js 的基本数据类...

  • Js数据深拷贝

    //_tmp和result是相互独立的,没有任何联系,有各自的存储空间。 因为个人常使用vue所以在下面把代码转换...

  • JS中的深拷贝与浅拷贝

    知乎:js中的深拷贝和浅拷贝? 掘金: js 深拷贝 vs 浅拷贝 前言 首先深拷贝与浅拷贝只针对 Object,...

  • js的浅拷贝与深拷贝

    js的浅拷贝与深拷贝 涉及知识点: js中的数据类型(基本类型,引用类型) js中的存储数据的堆栈相关知识点; 下...

  • 浅拷贝和深拷贝

    浅拷贝和深拷贝 一.JS的基本数据类型 基本数据类型:String,Boolean,Number,Undefine...

  • 2021-04-14

    JS浅拷贝、深拷贝小整理 说这个话题之前,先扯一下JS的基本数据类型: 1,Javascript数据类型: 值类型...

  • JS实现深拷贝、instanceof、判断是否为数组

    JS深拷贝 JS中拷贝对象可以按照拷贝的程度可以分为浅拷贝和深拷贝,有些时候我们需要拷贝之后的对象和拷贝之前的对象...

  • JS中数组和对象的 深复制(拷贝)与浅复制(拷贝)

    JS中数组和对象的 深复制(拷贝)与浅复制(拷贝) 1.js中有五种简单的数据类型(null,string,und...

网友评论

      本文标题:Js数据深拷贝

      本文链接:https://www.haomeiwen.com/subject/thkgxktx.html