JS深浅拷贝

一、JS的数据类型:
基本数据类型:布尔类型、数值类型、字符串类型、undefined和null;
引用数据类型:数组、对象、函数。
在计算机程序执行时,将内存的存储空间虚拟的分成了两个部分,基本数据类型存储在栈中,复杂数据类型存储在堆中。

举例:

		var a = 100 ;  // 这是一个基本数据类型,变量a的数据存储的是数值100
        var b =[1,2,3] // 这是一个复杂数据类型,变量b中存储的是数组的内存地址

在这里插入图片描述
二、数据的赋值操作
(1) 基本数据类型:
例如:

 // 此时 str1 中存储的是 数据 北京
        var str1 = '北京';

        // 将 str1 中存储的数据北京 赋值给 str2 
        var str2 = str1;

        // 之后对str1 的操作,与str2,无关
        str1 = '上海';

        console.log(str1 , str2);
        
        // 输出  ‘上海’ ‘北京’

基本数据类型 赋值的是 存储的数据
赋值之后 两个变量没有关系

(2) 复杂(引用)数据类型:
例如:

 // arr1 变量中 存储的是 数组的 内存地址
        var arr1 = [1,2,3,4,5];

        // 将arr1 存储的内存地址,赋值给arr2,两个变量存储的是相同的内存地址
        var arr2 = arr1;

        // arr1操作,数组,arr2也会改变
        // 因为arr1和arr2,同时存储的是相同的数据,操作的也是同一个数组
        // 同理,arr2,操作数组,arr1也会改变
        arr1[0] = '北京';

        console.log(arr2);
		 // 输出 ‘北京’,2.3.4.5

因为arr1,arr2,存储的是相同的内存地址,内容相同,只要一个数据发生变化,另一个也会改变。
对于引用数据的赋值,有时需要拷贝。拷贝存在两种类型:深拷贝与浅拷贝。

三、浅拷贝
所谓浅拷贝,是指直接将引用数据类型的内存地址,赋值给另一个变量存储。
两个变量存储的是相同的内存地址,一个操作,另一个也会改变。
如上例

四、深拷贝
不想两个变量操作数据 都发生改变,先建立一个独立的变量,复制引用数据类型的程序内容。
所谓深拷贝,是指 只复制引用数据类型中的数值,而不是复制地址。

例:


        // 只复制arr3中的数据
        var arr3 = ['北京','上海','广州','重庆','天津'];

        // 循环遍历,获取arr3中的所有数据数值,赋值到新的数组中
        var arr4 = [];

        // 通过循环,生成arr3的所有索引下标
        for(var i = 0 ; i <= arr3.length-1 ; i++){
            // arr3[i] 就是获取 arr3中的 存储的 数据信息
            // arr4.push() 将arr3中的数据 arr3[i] , 写入到 arr4中
            arr4.push(arr3[i]);
        }

        console.log(arr4);

        arr3[0] = '武汉';

        console.log(arr3 , arr4);
        
		//arr3 [0: "武汉", "上海","广州","重庆","天津" ]
		//arr3 [0: "北京", "上海","广州","重庆","天津" ]
		

深拷贝循环遍历,获取引用数据类型中,存储的每个数据信息,赋值到新的变量中,赋值之后,两个变量没有任何关系。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
资源包主要包含以下内容: ASP项目源码:每个资源包都包含完整的ASP项目源码,这些源码采用了经典的ASP技术开发,结构清晰、注释详细,帮助用户轻松理解整个项目的逻辑和实现方式。通过这些源码,用户可以学习到ASP的基本语法、服务器端脚本编写方法、数据库操作、用户权限管理等关键技术。 数据库设计文件:为了方便用户更好地理解系统的后台逻辑,每个项目都附带了完整的数据库设计文件。这些文件通常包括数据库结构图、数据表设计文档,以及示例数据SQL脚本。用户可以通过这些文件快速搭建项目所需的数据库环境,并了解各个数据表之间的关系和作用。 详细的开发文档:每个资源包都附有详细的开发文档,文档内容包括项目背景介绍、功能模块说明、系统流程图、用户界面设计以及关键代码解析等。这些文档为用户提供了入的学习材料,使得即便是从零开始的开发者也能逐步掌握项目开发的全过程。 项目演示与使用指南:为帮助用户更好地理解和使用这些ASP项目,每个资源包都包含项目的演示文件和使用指南。演示文件通常以视频或图文形式展示项目的主要功能和操作流程,使用指南则详细说明了如何配置开发环境、部署项目以及常见问题的解决方法。 毕业设计参考:对于正在准备毕业设计的学生来说,这些资源包是绝佳的参考材料。每个项目不仅功能完善、结构清晰,还符合常见的毕业设计要求和标准。通过这些项目,学生可以学习到如何从零开始构建一个完整的Web系统,并积累丰富的项目经验。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值