JS对象深复制和浅复制

最新推荐文章于 2021-11-12 11:50:39 发布
最新推荐文章于 2021-11-12 11:50:39 发布
阅读量337 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ZYY88886666/article/details/80054247
版权

有很多文章介绍了JS对象的深复制和浅复制，这篇文章主要是针对JS 的API进行分析，究竟是深复制还是浅复制 ；

深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用，
1）深复制在计算机中开辟了一块内存地址用于存放复制的对象，
2）而浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变。

对象数组的方法

splice(),slice(),concat(),unshift(), shift(), pop(), push()都是浅复制
这里写图片描述

赵圆圆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js对象的深复制和浅复制
weixin_43025823的博客
02-24 166
在JavaScript中，复制对象分为两种方式，浅复制和深复制，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级 1、浅复制没有办法去真正的去复制一个对象，而只是保存了对该对象的引用 2、深复制可以实现真正的复制一个对象 浅复制 创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对...
简单的js对象复制
只想好好敲代码的博客
04-15 210
一、前言 javascript 中的对象(Object)，和其它编程语言中的对象一样，可以比照现实生活中的对象(物体)来理解它。 javascript 中对象(物体)的概念可以比照着现实生活中实实在在的物体来理解。 在javascript中，一个对象可以是一个单独的拥有属性和类型的实体。我们拿它和一个杯子做下类比。一个杯子是一个对象(物体)，拥有属性。杯子有颜色，图案，重量，由什么材质构成等等。...
javascript中的深拷贝和浅拷贝<整理>
yanhappiness
02-01 419
在javascript中对数据的clone分为赋值、深拷贝和浅拷贝。 在经过克隆之后，我们希望clone的对象操作之后与数据源互不干扰。 在分析深拷贝和浅拷贝之前还有一个概念要清楚，就是不同数据类型的clone方式和效果是不同的。 javascript中数据类型 类型 内容 基本数据类型 string、number、boolean、null、undefine
js 深复制（深拷贝）和浅复制（浅拷贝）的区别
本杰明的博客
08-21 5985
最近在做项目的时候，发现deepCopy()这个函数，顾名思义是深复制的意思，有了深复制反向思考肯定有浅复制，查阅资料之后便做下整理～ 个人理解，深复制和浅复制最根本的区别在于**是否是真正获取了一个对象的复制实体而不是一个引用**，从深层次上讲深复制在计算机中开辟了一块内存地址用于存放复制的对象，而浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变
在JS中复制对象
在前端路上
01-16 2万+
原文地址：Copying objects in Javascript， 原文作者：Victor Parmar 渣翻译，有英文阅读能力的可以去原网址阅读，正文部分的括号内是译者的尝试补充说明 自豪地采用谷歌翻译 在这篇文章中，我将会讲到几种在JS中复制对象的方式，我们将会关注到浅复制和深复制。 在开始之前，值得一提的是一些基础知识：JS中的对象只是对内存中某个位置的引用。这些引用是可以更改的。即...
详解JavaScript对象的深浅复制
01-19
从层次上来看，对象的复制可以简单地分为浅复制和深复制，顾名思义，浅复制是指只复制一层对象的属性，不会复制对象中的对象的属性，对象的深复制会复制对象中层层嵌套的对象的属性。 在复制对象时，除了要复制对象...
js对象浅拷贝和深拷贝详解
10-21
JavaScript中的对象拷贝分为浅拷贝和深拷贝，理解这两种拷贝方式对于管理复杂数据结构非常重要。浅拷贝指的是创建一个新对象，然后将原始对象的属性值复制到新对象中，但如果属性值是引用类型（如数组或对象），则浅...
javascript浅复制与深复制
01-08
了解并正确使用浅复制和深复制对于编写JavaScript代码，尤其是处理复杂数据结构时至关重要，它可以避免不必要的副作用和错误，提高代码的稳定性和可维护性。在实际开发中，根据具体需求选择合适的复制策略，可以有效...
JavaScript数组和对象的复制
10-20
JavaScript中的数组和对象复制是一个重要的话题，特别是在处理复杂的数据结构时。本文主要讲解了JavaScript中基本类型和引用类型之间的区别，以及如何进行数组和对象的浅复制与深复制。 首先，JavaScript中的数据...
尬谈Js对象的深拷贝与浅拷贝
YaoDeBiAn的博客
09-19 4259
知乎文章地址：https://zhuanlan.zhihu.com/p/44944466 JS 中的浅拷贝与深拷贝，只是针对复杂数据类型（Object，Array）的复制问题。浅拷贝与深拷贝都可以实现在已有对象上再生出一份的作用。但是对象的实例是存储在堆内存中然后通过一个引用值去操作对象，由此拷贝的时候就存在两种情况了：拷贝引用和拷贝实例，这也是浅拷贝和深拷贝的区别。 浅拷贝：浅拷贝是拷贝引用...
如何复制一个Js对象？
qq_16945933的博客
11-12 1714
如何复制一个对象呢？ 1、简单粗暴复制 var obj1 = {name: 'lois'} var obj2 = obj1 obj2.age = 12 console.log(obj1) // {name: 'lois', age: 12} 如果改变obj2对象，会影响原来obj1对象，原始对象发生改变。那有什么办法，复制出一个对象，新对象的改变，不影响原来的对象呢？ 2、ES5中Object.assign() 方法来复制 var obj1 = {name: 'lois'} var obj2
js实现复制功能
铃儿响叮当
07-20 2700
下方会介绍两种方式： 1、选中复制 2、点击复制 选中复制 <template> <el-button type="primary" plain @click="onCopy">复制</el-button> </template> <script> export default { methods:{ onCopy(){ document.execCommand("Copy"); // 执行浏览器复制命令 .
JS对象的引用，对象的拷贝
weixin_30770495的博客
11-21 475
目录 一、场景 二、浅拷贝 三、深拷贝 一、场景 除了基本类型跟null,对象之间的赋值，只是将地址指向同一个，而不是真正意义上的拷贝 将一个对象赋值给另外一个对象。 var a = [1,2,3]; var b = a; b.push(4); // b中添加了一个4 alert(a...
ES6(JavaScript)的深复制和浅复制
热门推荐
非完美世界
12-06 2万+
React中，我们会遇到一个有趣的问题，那就是对象的复制，为什么说有趣，是因为直觉和结果差距很大。 我们看一下这个例子： let a={tile:'深复制'}; let b=a; a.title='浅复制'; 那么我们会获得两个对象，一个a，一个b，a的title是浅复制，b的title是深复制。 但结果真是这样吗？ 我们console.log一下 咦，为啥嘞！！！！！！为啥两
javascript的深复制和浅复制（深度拷贝和浅拷贝）
qq_40774743的博客
01-13 1337
js深度复制浅显复制 js的深复制和浅复制 深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体，而不是引用， 1）深复制在计算机中开辟了一块内存地址用于存放复制的对象， 　　2）而浅复制仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么浅复制出来的对象也会相应改变 因为浅复制只会将对象的各个属性进行依次复制，并不会进行递归复制，而 JavaScript 存储
js实现复制obj对象（深拷贝和浅拷贝）
dyx19971026的博客
11-29 3031
今天和大家分享一个关于实现复制一个对象的方法 首先我们需要了解一个知识点，那就是es6的新方法 Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 语法：Object.assign(target, …sources) target 目标对象　　sources　源对象　　返回值是目标对象 注意：如果目标对象中的属性具有相同的键，则属性将...
纯js实现无缝轮播图
赵圆圆
02-21 7564
很多时候我们都会用到无缝轮播图，那么下面我就把无缝轮播献给大家 1.左右无缝轮播 <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>图片左右无缝滚动的效果</title> <style type="text/cs
js深复制和浅复制？如何实现深复制
最新发布
07-12
在 JavaScript 中，深复制（Deep Copy）和浅复制（Shallow Copy）是用来描述对象或数组复制的两种不同方式。 浅复制是指创建一个新对象或数组，然后将原始对象或数组的引用复制给新对象或数组。这意味着新对象或数组和原始对象或数组共享相同的引用，当修改其中一个对象或数组的时候，另一个也会受到影响。 深复制是指创建一个新的对象或数组，并将原始对象或数组的所有属性值递归地复制到新对象或数组中。这样，新对象或数组和原始对象或数组是完全独立的，修改其中一个不会影响另一个。 实现深复制的方法有多种，下面是一些常见的方法： 1. 使用 JSON 对象的 parse 和 stringify 方法：先将原始对象或数组转换为字符串，再通过解析字符串得到一个新的对象或数组。这种方法简单易用，但有一些限制，例如无法复制函数、正则表达式等特殊类型。 ```javascript const deepCopy = (obj) => { return JSON.parse(JSON.stringify(obj)); }; ``` 2. 使用递归和判断类型：对于对象或数组，递归地复制每个属性值。对于基本类型，直接复制。 ```javascript const deepCopy = (obj) => { if (typeof obj !== 'object' || obj === null) { return obj; } let copy; if (Array.isArray(obj)) { copy = []; for (let i = 0; i < obj.length; i++) { copy[i] = deepCopy(obj[i]); } } else { copy = {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { copy[key] = deepCopy(obj[key]); } } } return copy; }; ``` 这些是实现深复制的常见方法，根据实际情况选择合适的方法进行深复制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值