浅克隆与深克隆

news/2024/7/19 14:52:16 标签: js

浅克隆

一般实现数组克隆的方法都是浅克隆,直接将存储在栈中的值赋值给对应变量,如果是基本数据类型,则直接赋值对应的值,如果是引用类型,则赋值的是地址

方法

slice:
let arr2 = arr1.slice(0);

concat:
let arr2 = arr1.concat();

扩展运算符[…ary]:
let arr2 = […arr1];

深克隆

把数据赋值给对应的变量,从而产生一个与源数据不相干的新数据(数据地址已变化)。深克隆,是拷贝对象各个层级的属性。

方法

利用 JSON 数据格式:

语法:
let arr2 = JSON.parse(JSON.stringify(arr1));
实现原理:
JSON.stringify(arr1):先把原始对象变为一个字符串(去除堆和堆嵌套的关系)
JSON.parse(…):在把字符串转换为新的对象,这样浏览器会重新开辟内存来存储信息

缺点:

对 数字/字符串/布尔/null/普通对象/数组对象 等都没有影响,可以使用,但JSON.stringify(arr1)并不是对所有的值都能有效处理:

正则会变成空对象
函数/undefined/Symbol 都会变成null
日期格式数据变为字符串后,基于parse 也回不到对象格式了

自己封装:

思路:
1、传递进来的是函数时,不需要操作,直接返回即可
因为在一个执行环境栈中一个名字的函数只能有一个,如果我们自己又克隆了一个,会把原来的替换掉,这样做没有任何意义
2、传递进来的是基本数据类型时,不需要操作,直接返回即可
3、传递的是对象类型时
(1). 正则对象:创建一个新的实例储存当前正则即可(因为我们的目的让空间地址不一样即可)
(2). 日期对象:创建一个日期实例储存当前日期
(3). 普通对象&&数组对象:创建一个新的实例,循环存储当前信息;
普通对象&&数组对象 中有可能还会存在多层嵌套的关系,所以这里我们可以用下递归

代码实现:

cloneDeep(obj) {
	// 传递进来的如果不是对象,则无需处理,直接返回原始的值即可(一般Symbol和Function也不会进行处理的)
	if (obj === null) return null;
	if (typeof obj !== "object") return obj;

	// 过滤掉特殊的对象(正则对象或者日期对象):直接使用原始值创建当前类的一个新的实例即可,这样克隆后的是新的实例,但是值和之前一样
	if (obj instanceof RegExp) return new RegExp(obj);
	if (obj instanceof Date) return new Date(obj);

	// 如果传递的是数组或者对象,我们需要创建一个新的数组或者对象,用来存储原始的数据
	// obj.constructor 获取当前值的构造器(Array/Object)
	let cloneObj = new obj.constructor;
	for (let key in obj) {
		// 循环原始数据中的每一项,把每一项赋值给新的对象
		if (!obj.hasOwnProperty(key)) break;
		cloneObj[key] = _cloneDeep(obj[key]);
	}
	return cloneObj;
}

http://www.niftyadmin.cn/n/1769478.html

相关文章

Java多线程(切换输入)

多线程 数组1 {1,2,3} 数组2{A,B,C} 要求切换输出结果:1A2B3C package test_26;import java.util.concurrent.locks.LockSupport;class S1 {static Thread t1null,t2null;public static void main(String[] args) {…

Vue的ESLint配置

Vue的ESLint配置 常用规则 // “off”或0:不启用该规则。 // “warn”或1:违反时警告。 // “error”或2:违反时报错。 rules: {"comma-dangle": ["error", "never"], //是否允许对象中出现结尾逗号"no…

如何快速的Github下载超具体操作

How to be quick ——git clone 前言 相信有时会奇怪为什么git clone总是那么的慢呢?主要原因是因为……敲黑板了,保持安静 因为github.global.ssl.fastly.net域名被限制了,不要问三连 那么如何处理这种情况呢?The only thing …

ThreadPoolExecutor的4种拒绝策略(TODO未完成)

ThreadPoolExecutor的4种拒绝策略 问题场景 当加入的任务数量超过一定数目(maximumPoolSize BlockingQueue 队列长度),默认情况下会抛出异常。这种情况会造成某些采集、转换错误、遗漏,不符合预期。 期望的结果是,分…

学习途中的故事——Halo下载记——Goodbye hallo

Halo下载记——Goodbye hallo 这段时间一直都在研究如何导入hallo这个开源的项目,一直想,却遇到了无数的困难,想起来已经流泪。这中间首先电脑网速有些问题,一直不能git clone,我学习了git clone -depth1的方式&#x…

PreparedStatement and Statement (TODO)

PreparedStatement and Statement 前言 public interface PreparedStatement extends Statement 看到这个恐怕就要揭晓大致的主题了,聪明的你肯定猜到了就要研究一下代码,虽然这么说,重点还是放在两者的区别,基本上看名字都能猜…

计算机网络——HTTP选择题专题

计算机网络 HTTP专题 类似与诗书中华,君子无所争,其争也君子,相互竞争是社会的常态。但是要想提高理解,获得心仪的未来,一定量的题目还是必要的。 首先通过流觞曲水(图片),进入我们…

MATLAB 心形曲线(大赏)

MATLAB 心形曲线 基本知识 clc;指令可以清除屏幕,所以你可以通过clc指令来清理屏幕 clc hold on;指令可以将画的图连起来 hold onclear;清除之前所留的定义 clear 笛卡尔爱心曲线 ezpolar(1-sin(t)) a1; theta 0 : 0.01 : …