js 数组深拷贝的方法

谁践踏了优雅 2022-09-08 04:58 282阅读 0赞

# [数组深拷贝的方法][Link 1] #

**方法一：for循环实现**

var arr = [1,2,3,4,5]
    var arr2 = copyArr(arr)
    function copyArr(arr) {
        let res = []
        for (let i = 0; i < arr.length; i++) {
         res.push(arr[i])
        }
        return res
    }
    方法二：slice方法
    原理也比较好理解，他是将原数组中抽离部分出来形成一个新数组。我们只要设置为抽离全部，即可完成数组的深拷贝,如下

var arr = [1,2,3,4,5]
    var arr2 = arr.slice(0)
    arr[2] = 5
    console.log(arr)
    console.log(arr2)
    
    方法三：concat方法
    原理更加粗暴。它是用于连接多个数组组成一个新的数组的方法。那么，我们只要连接它自己，即可完成数组的深拷贝。代码如下

var arr = [1,2,3,4,5]
    var arr2 = arr.concat()
    arr[2] = 5
    console.log(arr)
    console.log(arr2)

方法四：ES6扩展运算符实现
    用下面的方法实现数组的深拷贝是最简单的

var arr = [1,2,3,4,5]
    var [ ...arr2 ] = arr
    arr[2] = 5
    console.log(arr)
    console.log(arr2)

###  对象的深拷贝 ###

*  最简单的深拷贝(JSON.stringify() 和JSON.parse())
 *  先把对象使用JSON.stringify()转为字符串，再赋值给另外一个变量，然后使用JSON.parse()转回来即可。
 *  let object1 = \{  
    a: 1,  
    b: 2,  
    c: 3  
    \};  
      
    let object2 =JSON.parse( JSON.stringify(object1));  
    object2.a=11;  
      
    console.log(object1,object2);  
      
    > Object \{ a: 1, b: 2, c: 3 \} Object \{ a: 11, b: 2, c: 3 \}

[Link 1]: https://www.cnblogs.com/LiuJL/p/10951015.html

发表评论取消回复

表情：

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

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

相关阅读

相关深拷贝、浅拷贝的方法

目录浅拷贝深拷贝 -------------------- 深拷贝与浅拷贝概念：深浅拷贝出现的前提：应用类型的数据（对象和数组）深拷贝就是把

客官°小女子只卖身不卖艺/ 2024年03月31日 13:57/ 0 赞/ 40 阅读

相关 java数组深拷贝和浅拷贝_Java的深拷贝和浅拷贝

关于Java的深拷贝和浅拷贝，简单来说就是创建一个和已知对象一模一样的对象。可能日常编码过程中用的不多，但是这是一个面试经常会问的问题，而且了解深拷贝和浅拷贝的原理，对于Jav

Bertha 。/ 2023年01月10日 05:14/ 0 赞/ 180 阅读

相关 js中如何深拷贝数组

深拷贝和浅拷贝的区别这里不再赘述；百度了一下如何深拷贝，说是可以使用concat() , 或者 slice(0) ; 使用后发现并不能达到效果，虽然他们都能返回一个新的

你的名字/ 2022年12月13日 14:23/ 0 赞/ 99 阅读

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

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

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

相关 JS的深拷贝和浅拷贝

> 前言: 原来工作只知道,使用 Object.assign(\{\},obj) 去拷贝一个对象会复制各个熟悉值.不会影响原对象. > >

一时失言乱红尘/ 2022年10月02日 08:50/ 0 赞/ 176 阅读

相关 js 数组深拷贝的方法

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

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

相关 js数组及对象的深拷贝

为了解除引用关系复制对象或者数组，如果是浅层的数组或对象(也就是数组中不包含对象或数组)，可以通过slice或者concat方法直接实现。 var arr1 =

╰半夏微凉°/ 2022年07月13日 11:26/ 0 赞/ 140 阅读

相关 js的深拷贝与浅拷贝

理解这个之前我们需要对js的数据类型，堆内存和栈内存做好充分的理解深拷贝与浅拷贝的概念：深拷贝可以理解为指向两个不同的内存地址浅拷贝可以理解为指向同一个内存地

r囧r小猫/ 2022年01月28日 23:15/ 0 赞/ 220 阅读

相关 js实现数组浅拷贝和深拷贝

如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇

你的名字/ 2021年10月24日 02:18/ 0 赞/ 340 阅读

相关 js深拷贝浅拷贝

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

朱雀/ 2021年08月31日 14:35/ 0 赞/ 430 阅读