js: 深拷贝和浅拷贝

于 2024-05-11 11:26:57 发布
阅读量336 收藏 9
点赞数 5
分类专栏： js 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36413371/article/details/138707940
版权

深拷贝

  1. es6拓展运算符只有一层时
  2. JSON.parse(JSON.stringify)
  3. 手写递归

浅拷贝

1 es6拓展运算符不有一层时

小强有个dream
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端经典面试题：深拷贝和浅拷贝
a253399414的博客
03-19 2076
一、写在前面 在任何编程语言中，都存在深拷贝和浅拷贝的概念，js当然也不例外。在对一个现有对象进行拷贝的时候是有深拷贝和浅拷贝之说的，他们在实际使用中区别还是挺大的，如果不弄清原因，可能在工作中遇到错误不好排查。 二、什么是深拷贝和浅拷贝 首先需要明白的一点是：深拷贝和浅拷贝针对的是对象进行操作的。那么就先来看看深拷贝和浅拷贝的具体概念。 在js中，除了基本数据类型以外，还存在引用数据类型。而在一般使用赋值语句=的时候。对于基本数据类型，实际上只是拷贝它的值，但是对于对象而言，其实赋值的是这个对象的内存引用
javascript深拷贝和浅拷贝详解
10-20
本文主要介绍了javascript深拷贝和浅拷贝的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧
面试题：深拷贝和浅拷贝(超级详细，有内存图)
热门推荐
jiang7701037的博客
08-07 9万+
这篇文章竟然写了一上午，亲，请怀着感恩的心阅读！！ 深拷贝和浅拷贝是经常在面试中会出现的，主要考察你对基本类型和引用类型的理解深度。我在无数次的面试中，应聘者还没有一个人能把这个问题回答情况，包括很多机构的培训老师。这篇文章会让你把基本类型和引用类型的区别搞得清清楚楚，搞清楚这两者的区别，你对任何编程语言的都不怕，因为，这不是js一门语言，是任何编程语言中都需要掌握的知识，而...
JS基础：深拷贝和浅拷贝
qq_43835345的博客
06-22 1350
JS基础：深拷贝和浅拷贝
JS对象拷贝：深拷贝和浅拷贝
华为云官方博客
08-18 986
摘要：对象拷贝，简而言之就是将对象再复制一份，但是，复制的方法不同将会得到不同的结果。
js拷贝数组对象：浅拷贝&深拷贝
编程小菜鸟的笔记
03-03 1501
js拷贝数组对象：浅拷贝&深拷贝，包括：Object.assign、concat、slice、JSON.parse(JSON.stringify()) 场景：弹窗选择组织结构（树形结构），选择后显示相关数据至输入框中（每次选择都将重新拷贝初始组织结构数据）
js笔记：深拷贝与浅拷贝
User_Name9999的博客
04-21 426
js深拷贝与浅拷贝
js:深拷贝和浅拷贝区别，以及实现深拷贝的方法
陈浩然哦 的博客
12-10 604
定义： 浅拷贝：复制一份引用，所有引用对象都指向一份数据，并且都可以修改这份数据。 深拷贝（复杂）：复制变量值，对于非基本类型的变量，则递归至基本类型变量后，再复制。 1.深拷贝 1.1. 最简单的方法就是JSON.parse(JSON.stringify（）） function deepCopy(obj) { return JSON.parse(JSON.stringify(obj)) } var obj = { age: 1, name: undefined,
经典面试：深拷贝和浅拷贝的区别及实现
SunFlower914的博客
11-19 492
浅拷贝 Object.assign方法用于对象的合并，将源对象的所有可枚举属性复制到目标对象，会拷贝所有的属性值到新的对象中，如果属性值是对象(复杂数据类型)的话，拷贝的是地址。 使用ES6的...展开符。 深拷贝 JSON.parse(JSON.stringigy(object)) 通常使用这个方法可以解决大部分问题，但是它也有局限性 会忽略undefined, symbol,function 不能序列..
js中的深拷贝和浅拷贝区别
lhxsirky的博客
09-03 1700
js中的深拷贝和浅拷贝与值传递和引用传递有着些许的关联，都是根据堆栈中数据的储存来传递数据。 下面主要说一下我对深拷贝和浅拷贝的理解： 简单举个例子来说明；当我们声明一个a变量并且赋值，并且让b等于a，因为a，b都是基本数据类型所以数据都是存储在栈中，所以改变其中一个变量的数据他们之间不会相互干扰的，这种拷贝就是深拷贝。而浅拷贝就是改变其中一个变量或者对象等参数的值或者属性，另外一个变量或者对...
JavaScript深拷贝和浅拷贝概念与用法实例分析
01-19
本文实例讲述了JavaScript深拷贝和浅拷贝概念与用法。分享给大家供大家参考，具体如下： js中的浅拷贝和深拷贝，只是针对复杂数据类型(Objcet，Array)的复制问题。简单来讲浅拷贝和深拷贝都可以实现在原有对象的基础...
js中的深拷贝和浅拷贝总结
01-08
目录 一、概念 1、浅拷贝 2、深拷贝 ...JavaScript中的数据分为基本类型和引用类型，一般基本类型的数据占用内存大小确定，保存于栈中；引用类型的数据由于在创建之初数据占用内存的大小不确定，但是保
JS浅拷贝和深拷贝原理与实现方法分析
12-11
本文实例讲述了JS浅拷贝和深拷贝原理与实现方法。分享给大家供大家参考，具体如下： 浅拷贝只会拷贝一层，深层的引用类型改变还是会受到影响。 深拷贝是所有内部的属性还有值都被拷贝了一份，不管深层的引用类型怎么...
js / vue：时间戳 倒计时 和 格式化时间 及时间戳转换
qq_36413371的博客
11-19 2453
// 获取当前时间 格式:yyyy-MM-dd HH:MM:SS function getCurrentTime(timeStamp) { /** * 补零 */ function zeroFill(i) { if (i >= 0 && i <= 9) { return "0" + i; } e...
js: 拿到多个请求的结果Promise.all并发请求
qq_36413371的博客
11-16 1795
Promise.all([ new Promise((rs,rj)=> { setTimeout(() => { rs('p2') }, 5000) }) , new Promise((rs,rj)=> { setTimeout(() => { rs('p1') }, 2000) }) ]).then((result) => { console.log(r
面试题-技术： ts(typescript)
qq_36413371的博客
12-12 1402
谈谈你对ts的看法 如果你使用JavaScript很少有类型相关的困扰和问题，那TypeScript其实对你就没有太多的帮助。我学TypeScript的目的很简单，就是为了能够在阅读开源代码时。尤其是当开源库中有*.d.ts这种类型声明文件时，我能否明白这些接口的含义。 // enum枚举类型:为接口字段的数值赋予友好的名字 enum examState { loading = 0, // 未出结果 pass = 1, // 通过 notPass = 2, // 未通过 nul.
js：字符串标识（双引号/单引号）
qq_36413371的博客
09-20 1184
字符串： 前端语法检查文件有单双引号字符串标识约束。（如.json文件前端必须双引号，后端没有约束） 前端传递无论传什么标识的字符串，后端就能识别字符串（默认是双引号标识）。 后端识别数据类型： 1）post请求，后端根据表中字段查找前端传递字段 2）post请求，后端根据前端字段查找表中的字段（查不到就报错） // 这种就要求前端不能post多余字段，否则后端报错拿不到数据 ...
js: 移动端预览pdf
qq_36413371的博客
10-13 1123
移动端引入pdf加载空白(webview进行pdf预览) 一：后端插件 https://jdab.zjhzyx.com/pdfjs/web/viewer.html?file=https://jdab.zjhzyx.com/jdabrestest/userfiles/app/course/pdf/20200331/81AD40F9-67C1-427A-B596-A3767D39E1A0.pdf 二：前端实现 1.pdf只能显示pdf查看器，无法显示psf内容(本地pdf都无法打开) 官网稳定版下载需要fan
js实现深拷贝和浅拷贝
最新发布
08-09
深拷贝和浅拷贝是在 JavaScript 中复制对象或数组时经常遇到的概念。 浅拷贝只是复制了对象或数组的引用，而不是复制其内容。当修改被复制的对象或数组时，原始对象或数组也会被修改。 深拷贝则是创建一个完全独立的对象或数组，包括其所有的嵌套对象或数组。修改深拷贝后的对象或数组不会影响原始对象或数组。 以下是实现深拷贝和浅拷贝的几种常见方法： 浅拷贝： 1. 使用`Object.assign`方法： ```javascript const shallowCopy = Object.assign({}, obj); ``` 2. 使用扩展运算符`...`： ```javascript const shallowCopy = { ...obj }; ``` 3. 使用`Array.slice()`方法（仅适用于数组）： ```javascript const shallowCopy = arr.slice(); ``` 深拷贝： 1. 使用`JSON.parse(JSON.stringify())`方法（仅适用于 JSON 安全的对象）： ```javascript const deepCopy = JSON.parse(JSON.stringify(obj)); ``` 2. 使用递归实现深拷贝函数： ```javascript function deepClone(obj) { if (typeof obj !== 'object' || obj === null) { return obj; } let clone = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { clone[key] = deepClone(obj[key]); } } return clone; } const deepCopy = deepClone(obj); ``` 需要注意的是，使用`JSON.parse(JSON.stringify())`方法在处理一些特殊的数据类型（如函数、正则表达式、Date 对象等）时可能会出现问题。在这种情况下，使用递归实现深拷贝函数是更可靠的方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值