javascript 深拷贝

灰太狼 2022-05-20 02:59 289阅读 0赞

##### 数据类型 #####

js中的数据类型共分为大两类, 基本类型和引用类型

基本类型共有5种: String, Number, Boolean, Null, undefined

其他的都是引用类型, 如 Array, Object 等

##### 数据类型间的区别 #####

基本类型的变量中存储的是实在的值, 赋值的时候, 只是简单的将一个变量的值赋给另外一个变量, 之后两个变量间毫无关系

引用类型的变量中保存的是内存中的地址, 赋值的时候, 是将一个变量保存数据的内存空间地址的指针, 赋值给另外一个变量, 两个引用指向同一个地址, 这样当一个变量改变了其中的数据时, 会导致另外一个变量的值也会发生变化.

##### 引题 #####

由于引用类型具有上文中提到的引用特性, 所以当我们想要从一个引用类型复制出另外一个变量, 并且切断两者间的连带反应时, 需要使用深拷贝操作

##### 解决方案 #####

let obj = {
       a: 1,
       b: {
           m: [1,2,3],
           n: {
               x: 1,
    	   y: 2
           }
       },
       c: null
    };
    // 做好类型判断, 基本类型直接赋值, 引用类型存在嵌套可能, 使用递归处理
    function getType (obj) {
       let toString = Object.prototype.toString;
       let typeObj = {
            '[object String]'    : 'string',
            '[object Number]'    : 'number',
            '[object Boolean]'   : 'boolean',
    	'[object Null]'      : 'null',
    	'[object Undefined]' : 'undefined',
    	'[object Object]'    : 'object',
    	'[object Array]'     : 'array',
    	'[object Function]'  : 'function',
    	'[object RegExp]'    : 'regexp',
    	'[object Date]'      : 'date'
        };
        return typeObj[toString.call(obj)];
    }
    // 根据不同的数据类型, 使用不同的拷贝方案
    function deepClone (data) {
        let type = getType(data);
        let obj = null;
    
        if (type == 'array') {
    	obj = [];
        } else if (type == 'object') {
    	obj = {};
        } else {
    	return data;
        }
    
        if (type == 'array') {
            data.forEach((item, index) => {
    	   obj.push(deepClone(item));
    	});
        }
        if (type == 'object') {
    	for (let k in data) {
    	    obj[k] = deepClone(data[k]);
    	}
        }
        return obj;
    }
    
    let newObj = deepClone(obj);
    console.log(obj);
    obj[0] = 0;
    console.log(obj);
    console.log(newObj);

发表评论取消回复

表情：

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

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

相关阅读

相关 javascript完整深拷贝

JavaScript 中可以使用以下几种方法来实现完整的深拷贝： 1. 使用 JSON 序列化和反序列化： function deepCopy(obj) {

桃扇骨/ 2024年03月27日 12:42/ 0 赞/ 43 阅读

相关 javascript深拷贝

JavaScript 中的深拷贝指的是创建一个新对象，该对象与原对象完全独立，即使修改新对象也不会影响到原对象。在 JavaScript 中，可以使用 JSON 库中的 `

￡神魔★判官ぃ/ 2024年03月26日 08:27/ 0 赞/ 43 阅读

相关 JavaScript深拷贝与浅拷贝

浅拷贝定义浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。基本类型拷贝的是值，而引用类型拷贝的是地址,且只能拷贝一层对象，假如存在

客官°小女子只卖身不卖艺/ 2023年01月06日 11:42/ 0 赞/ 99 阅读

相关 javascript 深拷贝与浅拷贝

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

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

相关 JavaScript深拷贝

新创建的对象为arr1，源对象为arr，一行代码实现： 1. 利用JSON（推荐，JS语言自支持，不需要依赖其他工具） let arr1= JSON.parse(

偏执的太偏执、/ 2022年11月19日 04:23/ 0 赞/ 113 阅读

相关 Javascript 深拷贝

Javascript 深拷贝是一个面试经常遇到的问题。深拷贝主要考察两点： > 1、JavaScript的数据类型 > 2、递归算法话不多说，我们直接看代码

快来打我*/ 2022年09月03日 01:23/ 0 赞/ 128 阅读

相关 javascript 深拷贝

数据类型 js中的数据类型共分为大两类, 基本类型和引用类型基本类型共有5种: String, Number, Boolean, Null, undefined 其

灰太狼/ 2022年05月20日 02:59/ 0 赞/ 290 阅读

相关 javaScript浅拷贝、深拷贝

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

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

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

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

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

相关 javaScript浅拷贝和深拷贝

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

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