js 数组深拷贝的方法

谁践踏了优雅 2022-09-08 04:58 353阅读 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 条评论，353人围观）

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

相关阅读

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

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

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

相关 JS--对象数组深拷贝的方法

原文网址：[JS--对象数组深拷贝的方法\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN] 简介本文用示例介绍JavaScript对象数组深拷贝的方

拼搏现实的明天。/ 2023年10月02日 21:16/ 0 赞/ 71 阅读

相关 JS深拷贝

一、简单介绍 JS中，数据类型分为基本数据类型和引用数据类型。基本数据类型的值是存储在栈内存中的；而引用数据类型的值是存储在堆内存中的，栈中只存储对象在堆中的内存地址

电玩女神/ 2023年02月21日 11:57/ 0 赞/ 58 阅读

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

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

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

相关 js中如何深拷贝数组

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

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

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

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

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

相关 js 数组深拷贝的方法

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

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

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

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

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

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

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

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

相关 js深拷贝浅拷贝

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

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