JavaScript深拷贝和浅拷贝数组

忘是亡心i 2022-06-14 04:23 220阅读 0赞

javascript分原始类型与引用类型（与java、c\#类似）。Array是引用类型，直接用“=”号赋值的话，只是把源数组的地址(或叫指针)赋值给目的数组，并没有实现数组的数据的拷贝。这种方式的实现属于浅拷贝。

对一维数组和多维数据的深拷贝实现方式是不一样的。

**　一、一维数组的实现方式：**

使用slice() 或者 concat()来实现一维数组的深拷贝， 但这种方法只适用于一维数组，对多维数组无效。

arrayObj.slice(start,\[end\]):

可使用slice()进行复制，因为slice()返回也是数组。 slice方法是通过参数start和end的传入值来返回数组中的一段，该方法不对原数组进行操作。slice(0)代表返回所有项。

var array1 = new Array("1","2","3"); 
    var array2; 
    array2 = array1.slice(0); 
    array1.length = 0; 
    alert(array2); //返回1、2、3

注意concat()返回的并不是调用函数的Array，而是一个新的Array，所以可以利用这一点进行复制。

var array1 = new Array("1","2","3"); 
    var array2; 
    array2 = array1.concat(); 
    array1.length = 0; 
    alert(array2); //返回1、2、3

**　　二、多维数组的JS函数实现方式：**

function deepcopy(obj) {
                var out = [],i = 0,len = obj.length;
                for (; i < len; i++) {
                    if (obj[i] instanceof Array){
                        out[i] = deepcopy(obj[i]);
                    }
                    else out[i] = obj[i];
                }
                return out;
            }
        
    　　　　　//下面是测试代码　    
            var weekArray = new Array(7);//数组第一维
            var timeTableArray = new Array();  //数组第二维
            var lineArray = new Array(4);  //数组第三维
            
            lineArray[0] = "1_a";
            lineArray[1] = "1_b";
            lineArray[2] = "1_c";
            timeTableArray.push(lineArray);
            weekArray[0] = deepcopy(timeTableArray);
            
            
            //清空，并添加其他星期的数据
            lineArray.splice(0,lineArray.length);
            timeTableArray.splice(0,timeTableArray.length);
            
            lineArray[0] = "7_a";
            lineArray[1] = "7_b";
            lineArray[3] = "7_d";
            timeTableArray.push(lineArray);
            weekArray[7] = deepcopy(timeTableArray);
            
            alert("weekArray=" + weekArray[0]);//返回 "1_a,1_b,1_c,"
            alert("weekArray=" + weekArray[7]);//返回 "7_a,7_b,,7_d"

**　　三、 多维数组的jquery实现方式：**

把上述的deepcopy函数用下面的函数替代即可

weekArray\[0\] = $.extend(true, \{\}, timeTableArray);

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 JavaScript对象浅拷贝和深拷贝

JavaScript对象浅拷贝和深拷贝 1. 基本概念 2. 浅拷贝 3. 深拷贝 3.1 深拷贝JSON方法 3.2 深拷贝

男娘i/ 2022年12月26日 04:43/ 0 赞/ 173 阅读

相关 javascript 深拷贝与浅拷贝

javascript 深拷贝与浅拷贝深拷贝与浅拷贝赋值和深/浅拷贝的区别浅拷贝的实现方式 1.Object.assign(

我不是女神ヾ/ 2022年11月30日 12:56/ 0 赞/ 199 阅读

相关 javascript的深拷贝和浅拷贝

深拷贝和浅拷贝的对比这两个都是针对对象的,比如说数组，不论是深拷贝还是浅拷贝,都是复制数组。那有什么不一样呢? 深拷贝 var a1=[1,2,3,4]

我会带着你远行/ 2022年10月01日 04:58/ 0 赞/ 208 阅读

相关 JavaScript深拷贝和浅拷贝数组

javascript分原始类型与引用类型（与java、c\类似）。Array是引用类型，直接用“=”号赋值的话，只是把源数组的地址(或叫指针)赋值给目的数组，并没有实现数组的数

忘是亡心i/ 2022年06月14日 04:23/ 0 赞/ 221 阅读

相关 JavaScript 的深拷贝和浅拷贝

关于浅拷贝，按照常理理解，以及参考其他语言，我认为浅拷贝指的是和目标对象（数组）和原始对象（数组）指向同一块内存空间。赋值操作就是这种浅拷贝。 var src = {

梦里梦外;/ 2022年06月13日 06:57/ 0 赞/ 207 阅读

相关 JavaScript 数组对象深拷贝与浅拷贝

JavaScript 数组对象深拷贝与浅拷贝 1.浅拷贝 var data = \["11","22","33","44"\]; var tempD

╰+攻爆jí腚メ/ 2022年06月07日 01:50/ 0 赞/ 211 阅读

相关 javaScript浅拷贝、深拷贝

数据类型 js的数据类型有两种： 1.基本数据类型：数值、字符串、布尔、null、undefined （值类型）存放在栈中，所以复制基本数据类型的值是会新开一个栈

本是古典何须时尚/ 2022年03月07日 13:41/ 0 赞/ 308 阅读

相关【JavaScript】深拷贝与浅拷贝

如何区分深拷贝与浅拷贝？假设B复制了A，当修改A时，如果B也跟着改了，这就是浅拷贝，否则就是深拷贝。 ![在这里插入图片描述][2019071714264965.p

超、凢脫俗/ 2021年12月05日 19:17/ 0 赞/ 328 阅读

相关 javaScript浅拷贝和深拷贝

首先,克隆只针对对象、数组、函数等复杂数据。浅克隆: 就是将栈内存中的引用复制一份，赋给一个新的变量，本质上两个指向堆内存中的同一地址，内容也相同，

妖狐艹你老母/ 2021年07月24日 19:36/ 0 赞/ 444 阅读