js中浅复制和深复制

最新推荐文章于 2023-07-01 01:08:13 发布
最新推荐文章于 2023-07-01 01:08:13 发布
阅读量202 收藏
点赞数
分类专栏： 前端开发 js 文章标签： js websocket 封装
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/clearlove_8/article/details/106695280
版权

前言：在使用webSocket通讯时，因为要用到Stomp(websocket的进一步封装)，而微信只提供了websocket。所以采用网上的封装方法。一开始声明了一个对象包含几个null方法，可是将其作为参数传递给stomp.js后，再使用其该对象的方法，居然有值。这不由让我想起来了js中的深复制(直接复制对象)，其实原理很简单。废话不多说，上图：
ps.看别人代码会有意想不到的收获。其余数据类型的深复制浅复制再研究
在这里插入图片描述

CenterElse
关注
专栏目录
javascript浅复制与深复制
01-08
JavaScript中的浅复制与深复制是处理复杂数据结构（如对象和数组）时常见的概念，主要涉及到内存管理和数据拷贝的方式。这两种复制方式的区别在于它们如何处理引用数据类型的副本。 首先，JavaScript中有两种数据...
JS中实现浅拷贝和深拷贝的代码详解
10-16
标题中提到了JS中浅拷贝和深拷贝的实现方法，这是JavaScript编程中非常重要的知识点之一。在JavaScript中，变量可以存储两种类型的值：基本类型值和引用类型值。基本类型值包括String、Number、Undefined、Null、...
js 数组或对象浅拷贝深拷贝的几种方法
haogemr的博客
03-13 1万+
第一种 function deepClone(obj){ var str,newObj = obj instanceof Array? [] : {}; if(typeof obj !== 'object'){ return; }else if(window.json){ ...
js深度拷贝（克隆）与浅度拷贝（克隆）原理及应用
sunshine的博客
08-22 1万+
如果你想真正自己理解和运用深度克隆的话，首先必须要了解的就是js中的原始值和应用值，以及它们的储存位置及方式。这里简单的说一下，原始值呢是存储在栈里的，而且存储的是变量的实际值。引用值存储在堆里，且存储的是一个指针，该指针指向内存中的某个位置，该位置存储变量的实际值。 浅度拷贝 var a = 2 ; var a_copy = a ; a_copy = 3; console.log(a); ...
js对象的浅复制和深复制
kiritomzzz的博客
07-01 103
所以，JSON.parse(JSON.stringfy())这种方式，只能用于对象。此方式借用了JSON对象上的自带方法实现深复制，并且可以实现多层次的深复制。但当对象里面在嵌套一个对象时，也就是深层次时，对内部对象的复制是浅复制。结果如下图，我们会发现obj1的like也变为了喝，显然是浅复制。但若值为undefined时，无法将相应的属性复制到新对象身上。的身上，即那些能够被 JSON 直接表示的数据结构。改变复制的对象时，原对象也改变（实际是同一对象）这种复制方式在对象是浅层次时不会改变原对象。
JavaScript中的深复制和浅复制
Wendy
05-06 796
在谈javascript的浅复制和深复制之前，我们先来看看js的数据类型：有Number，Boolean，String，Null，Undefined，Object五种类型。而Object又包含Function，Array和Object自身。前面的五种类型叫做基本类型，而Object是引用类型。之所以要先了解 这几种数据类型，是因为JS 中的浅拷贝与深拷贝，其实只是针对复杂数据类型（Object
JavaScript深复制和浅复制
ZhanShenvsDiHuang的博客
04-11 1217
JavaScript中的深复制与浅复制（总结自己用）
js复制一个数组(浅复制、深复制)
热门推荐
小太阳的博客
01-11 3万+
在js中，我们经常会用到数组复制，Array是引用类型，如果用arrA=arrB简单的把一个数组赋值，并没有创造出一个新数组，arrA和arrB其实指向的还是同一个地址，改变一个另一个也会随之改变，很明显这并不是我们想要的 var arr = [1, 2, 3]; var newArr = arr; arr.push(4); console.log(newArr1); // [1, 2, 3, 4] 下面介绍数组的浅复制（适用于数组并不复杂，即数组中没有嵌套对象或者嵌套数组） 方法一：c
【JS学习】JS中的深浅复制
zx1041561837的博客
10-30 1730
介绍了深复制和浅复制分别是什么，给出了实现深复制的JS代码。
js浅复制与深复制的原理
02-14 1703
试想这样一种场景，自己编写了一个js插件，调用插件时参数是以对象的形式传入的，插件也有自己的默认值，当运行的时候就涉及到传入参数和默认值的合并，即用到对象的深复制和浅复制。浅复制假设有两个对象var objA = { a: 'aa', b: 'bb' }; var objB = {};现在想把对象A的值复制给B，由于对象A的两个值都是原始类型，用浅复制即可function copy(sub,
js复制数组的问题（浅复制和深复制）
hunt_er的博客
09-22 451
首先说两个概念： 浅度克隆：原始类型为值传递，对象类型仍为引用传递。 深度克隆：所有元素或属性均完全复制，与原对象完全脱离，也就是说所有对于新对象的修改都不会反映到原对象中。 这里又引出两个概念，值传递，引用传递。这里可以参考Java的基本类型和对象类型的使用，Java基本类型复制时可直接复制，副本变量的改变并不会改变被复制的变量，这时复制的是值，而对象简单的复制时，修改副本变量会影响到被复制的变量，这时复制的是对象的引用，js和Java也类似，值传递，引用传递也是如此。 先看代码： 1.引用传递
教你javascript克隆dom结点,浅复制结点,深复制结点
04-09
本文将详细介绍JavaScript中的DOM节点克隆，包括浅复制和深复制的区别。 一、DOM节点克隆基本概念 DOM节点克隆是通过调用`cloneNode()`方法实现的。这个方法接受一个布尔参数，如果为`true`，则执行深复制；如果为`...
JS浅拷贝和深拷贝原理与实现方法分析
12-11
JavaScript中的浅拷贝和深拷贝是两种不同的对象复制方式，它们在处理复杂对象时有着显著的区别。在JavaScript中，对象是引用类型，因此当一个对象被复制时，如果不进行特殊处理，复制的只是指向原对象的引用，而非...
浅析javaScript中的浅拷贝和深拷贝
10-20
在JavaScript中，浅拷贝是指将一个对象的属性复制到另一个新的对象中，但只复制一层属性，如果属性值是引用类型的话，复制的只是引用地址，而非对象本身。也就是说，浅拷贝后的对象和原始对象会共享同一块内存地址，...
echarts设置多级x轴
Clearlove_8的博客
04-13 6464
1.效果图 2.实现的核心代码 设置多个x轴 xAxis:[ { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, { type: 'category', position: 'bottom', offset: 25, axisPointer: { type: 'none'
前端请求接口之content-type与传参
Clearlove_8的博客
12-28 1876
今天跟公司后端对接口，公司后端小盆友们为了省事，直接给我发截图，让我猜怎么请求接口，怎么传参。仔细研究了研究，发现如下信息： 1.后端接口方法使用@RequestBody，证明前端得请求参数应该放在body里，使用application/x-www-form-urlencoded是不行的，因为 当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=value1&name2=value2…），然后把这个字串append到url
jquery与vue项目的区别
Clearlove_8的博客
02-05 494
因为jq是js封装的库，所以文章直接说原始模式，vue为数据绑定模式。 1.原始方式和简单，第一步获取元素，第二步绑定事件，第三步进行操作。 <li><a href="javascript:;" id="logout">退出</a></li> $("#logout").on("click",function(){ $.ajax({ ...
前端项目简单的构建
Clearlove_8的博客
02-02 367
1.先说一下模块化规范 require是Commonjs的规范，node应用是由模块组成的，遵从commonjs的规范。 import是es6为js模块化提出的新的语法，import （导入）要与export（导出）结合使用。 (1)commonjs输出的，是一个值的拷贝，而es6输出的是值的引用； (2)commonjs是运行时加载，es6是编译时输出接口； 2.使用webpack打包发布 (n...
2020.03vue常见问题总结
Clearlove_8的博客
04-13 305
VUE常见问题 由于vue是MVVM，日常经常有些渲染问题。 1.绑定的元素(v-for)渲染出来的数据，尤其是对话框中。使用push、shift、splice等操作原数组的方法可使数据更新而不用重新渲染。 2.js中尤其注意’='地址引用。 3.element-ui上传组件的问题 功能快捷键 撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Co...
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、付费专栏及课程。

余额充值