JS 中深拷贝的几种实现方法

àì夳堔傛蜴生んèń 2021-09-19 13:28 256阅读 0赞

## JS 中深拷贝的几种实现方法 ##

### 1、使用递归的方式实现深拷贝 ###

//使用递归的方式实现数组、对象的深拷贝
    function deepClone1(obj) {
      //判断拷贝的要进行深拷贝的是数组还是对象，是数组的话进行数组拷贝，对象的话进行对象拷贝
      var objClone = Array.isArray(obj) ? [] : {};
      //进行深拷贝的不能为空，并且是对象或者是
      if (obj && typeof obj === "object") {
        for (key in obj) {
          if (obj.hasOwnProperty(key)) {
            if (obj[key] && typeof obj[key] === "object") {
              objClone[key] = deepClone1(obj[key]);
            } else {
              objClone[key] = obj[key];
            }
          }
        }
      }
      return objClone;
    }

### 2、通过 JSON 对象实现深拷贝 ###

//通过js的内置对象JSON来进行数组对象的深拷贝
    function deepClone2(obj) {
      var _obj = JSON.stringify(obj),
        objClone = JSON.parse(_obj);
      return objClone;
    }

JSON对象实现深拷贝的一些问题   
\* 无法实现对对象中方法的深拷贝

### 3、通过jQuery的extend方法实现深拷贝 ###

var array = [1,2,3,4];
    var newArray = $.extend(true,[],array);

### 4、Object.assign()拷贝 ###

当对象中只有一级属性，没有二级属性的时候，此方法为深拷贝，但是对象中有对象的时候，此方法，在二级属性以后就是浅拷贝。

### 5、lodash函数库实现深拷贝 ###

lodash很热门的函数库，提供了 lodash.cloneDeep()实现深拷贝
    用法介绍：https://www.npmjs.com/package/lodash

发表评论取消回复

表情：

评论列表（有 0 条评论，256人围观）

还没有评论，来说两句吧...

相关阅读

相关关于JS实现深拷贝的几种方法

![de1057f8f19e1deba714869669c9ecde.jpeg][] 本文介绍了JS实现深拷贝的几种方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具

布满荆棘的人生/ 2024年03月23日 18:56/ 0 赞/ 16 阅读

相关 JS实现深拷贝

[JS实现深拷贝][JS] 一、赋值、浅拷贝与深拷贝的区别 ![format_png][] 二、深拷贝的方法 1.JSON转换 var

桃扇骨/ 2023年06月16日 08:08/ 0 赞/ 17 阅读

相关 js深拷贝的实现

deepClone(obj){ var target = { }; //目标数组 for(var key in o

╰+哭是因爲堅強的太久メ/ 2023年02月10日 15:29/ 0 赞/ 136 阅读

相关 JS中浅拷贝和深拷贝的区别以及几种实现方式

文章目录深拷贝和浅拷贝浅拷贝和赋值深拷贝 1. 递归实现 2. 通过JSON对象实现深拷贝

你的名字/ 2023年01月13日 09:47/ 0 赞/ 124 阅读

相关 JS深拷贝实现两种方式

递归复制方式： function deepClone(obj) { let res = Array.isarray(obj) ? obj : {};

╰+攻爆jí腚メ/ 2022年12月25日 11:54/ 0 赞/ 124 阅读

相关 js 中的深拷贝和浅拷贝

浅拷贝浅拷贝只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储对象都是存地址的，所以浅拷贝会导致复制的新对象和原对象指向同一块内存地址

快来打我*/ 2022年11月16日 05:49/ 0 赞/ 166 阅读

相关 js 对象拷贝的三种方法，深拷贝函数。

js 对象拷贝的三种方法以下面数据格式obj 为主： const obj = { data: 1, un: undefine

不念不忘少年蓝@/ 2022年10月04日 15:50/ 0 赞/ 191 阅读

相关 js 数组深拷贝的方法

[数组深拷贝的方法][Link 1] 方法一：for循环实现 var arr = [1,2,3,4,5] var arr2 = copyArr(arr)

谁践踏了优雅/ 2022年09月08日 04:58/ 0 赞/ 283 阅读

相关 JS 中深拷贝的几种实现方法

JS 中深拷贝的几种实现方法 1、使用递归的方式实现深拷贝 //使用递归的方式实现数组、对象的深拷贝 function deepClone1(obj

àì夳堔傛蜴生んèń/ 2021年09月19日 13:28/ 0 赞/ 257 阅读

相关 JS中浅拷贝和深拷贝的几种实现方式

概念深拷贝和浅拷贝只针对像 Object, Array 这样的复杂对象。它们最根本的区别在于是否真正获取了一个对象的复制实体，而不是引用。简单来说，假设B复制了

约定不等于承诺〃/ 2021年09月02日 05:08/ 0 赞/ 342 阅读