js深拷贝和浅拷贝的方法一样吗(js深拷贝和浅拷贝的方法一样吗知乎)

js深拷贝和浅拷贝的方法一样吗(js深拷贝和浅拷贝的方法一样吗知乎)大家好 又见面了 我是你们的朋友全栈君 1 JS 数据类型 基本数据类型 Boolean String Number null undefined 引用数据类型 Object Array Function RegExp Date 等 2 深拷贝与浅拷贝 深拷贝和浅拷贝都只针对引用数据类型 浅拷贝 会对对象逐个成员依次拷贝 但只复制内存地址 而不复制对象本身 新旧对象成员还是共享同一内存

大家好,我是讯享网,很高兴认识大家。



大家好,又见面了,我是你们的朋友全栈君。

1、JS数据类型

基本数据类型:Boolean、String、Number、null、undefined 引用数据类型:Object、Array、Function、RegExp、Date等

2、深拷贝与浅拷贝

深拷贝和浅拷贝都只针对引用数据类型,

浅拷贝会对对象逐个成员依次拷贝,但只复制内存地址,而不复制对象本身,新旧对象成员还是共享同一内存;深拷贝会另外创建一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。

区别:浅拷贝只复制对象的第一层属性,而深拷贝会对对象的属性进行递归复制。

3、赋值

当把一个对象赋值给一个新的变量时,赋的对象是该对象在栈中的地址,而不是堆中的数据。也就是新旧两个对象指的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,两个对象联动的会一起改变。如下:

4.浅拷贝

浅拷贝是按位拷贝对象,它会创建一个新对象,对原有对象的成员进行依次拷贝。如果属性是基本类型,拷贝的就是基本类型的值;如果属性是引用类型,拷贝的就是内存地址。因此如果新对象中的某个对象成员改变了地址,就会影响到原有的对象。如下:

浅拷贝方法:

(1)Object.assign()

Object.assign(target,…sources) target:要拷贝给谁 source:要拷贝的对象


讯享网

(2)Array.prototype.concat()和Array.prototype.slice()

均为Array原型上的方法,只适用于Array。

5.深拷贝

对对象的属性中所有引用类型的值,遍历到是基本类型的值为止。

深拷贝方法:

(1)JSON.parse(JSON.stringify())

原理:用JSON.stringify()将对象转成字符串,再用JSON.parse()把字符串解析成对象。

修改obj2,obj1的值都没有改变。

这种方法可以实现数组和对象和基本数据类型的深拷贝,但不能处理函数。

(2)手写深拷贝函数(支持基本数据类型、Array、Object、原型链、RegExp、Date类型)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/187177.html原文链接:https://javaforall.cn

小讯
上一篇 2025-06-13 09:15
下一篇 2025-06-02 12:00

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/152885.html