使用原生js解决浅拷贝和深拷贝

最新推荐文章于 2023-02-11 15:42:12 发布
最新推荐文章于 2023-02-11 15:42:12 发布
阅读量371 收藏
点赞数
分类专栏： JS 文章标签： 浅拷贝 深拷贝 原生JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43348416/article/details/103037661
版权
本文分享如何使用原生JavaScript实现浅拷贝和深拷贝的代码，帮助理解这两种拷贝的区别和实现方式。
摘要由CSDN通过智能技术生成

至于不懂什么是浅拷贝和深拷贝的出门右转百度,这里只做js源码的分享,以下奉上代码

浅拷贝:

var a={
   username:'张三'};
    var b = copy(a)
    function copy(a) {
   
        let b = {
最低0.47元/天 解锁文章
你的叽叽哇哇
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
理解浅拷贝和深拷贝以及实现方法
铁锤妹妹的博客
11-29 3952
浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会修改到原对象。
原生JS -- 数据的深浅拷贝
qq_41860731的博客
07-12 807
1、引言 想要知道数据深浅拷贝的原理，那一定要知道它们存储的方式。在这里我们先简单介绍一下 不同数据类型的存储方式。
JS浅拷贝方法
老电影故事的博客
11-22 1668
一、Object.assign() Object.assign我们经常会用到合并对象，当然利用Object.assign性质我们也可以实现对象的拷贝。 var obj1 = {a: 1, b: 2} var obj2 = Object.assign({}, obj1) obj2.a = 4 console.log(obj1, obj2) 这里要注意的是Object.assign第一个参数必须是个空对象 二、解构赋值 var obj1 = {a: 1, b: 2} var obj2 = {...obj1
js深拷贝浅拷贝以及解决方案
lishuangcsdn的博客
07-31 465
为什么会出现深拷贝和浅拷贝： 首先谈一谈，js的数据类型，基本类型有:Number，String，null，undefined，boolean；引用类型有：Array，Object，Function；当基本类型赋值时，是直接增加了内存空间，相互独立了；但是当引用类型赋值或则复制时直接改变了指针方向，好比两个人有了同一间房子的钥匙，都指向了同一内存，所以是相互影响的。 举个简单的例子：1：，b是没有变的。2：，当变成引用类型时，a改变时b也随着改变了。这个赋值可以简单的理解...
javascript数组类型浅拷贝的解决办法
weixin_45060836的博客
01-06 199
javascript数组类型浅拷贝的解决办法 一. 浅拷贝的原因 之所以存在浅拷贝是由于数据类型的问题，我们知道数据类型分为： 1.基本类型 2.引用类型 基本类型的变量保存在栈内存，当对基本类型的变量进行赋值，例 var a = 10； var b = a； 在进行上边的赋值操作时，b的存储空间中保存的是10； 而当对引用类型的变量进行赋值操作时，例 var c =[11, a, 56, gb] ； var d = c； d的存储空间中保存的并不是[11, a, 56, gb]，而是指针指针就像门牌号
js的深拷贝、浅拷贝
最新发布
本博客只是个人的知识点的小总结，方便自己查阅，能帮助到你是最好的，如果有不正确之处，欢迎你的指正
02-11 987
在了解深浅拷贝之前，我给大家先捋顺一下思路1、要首先知道什么是基本数据类型，什么是引用数据类型2、要记住，深浅拷贝是主要针对引用数据类型的3、请铭记！对于基本数据类型而言其实就是值的拷贝，会开辟响应空间进行存储，互不影响Array的concat方法不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。2、slice( )Array的slice方法不修改原数组，只会返回一个浅复制了原数组中的元素的一个新数组。3、拓展运算符 （…)
angularJS深拷贝详解
10-20
AngularJS深拷贝是指在JavaScript编程中，创建一个与原数据类型相同但内容独立的新对象或数组，这个新对象或数组的任何修改都不会影响到原始数据。在JavaScript中，原始数据类型（如字符串、数字、布尔值等）的赋值...
jQuery深拷贝Json对象简单示例
10-22
由于原生JavaScript对象复制只支持浅复制，因此深拷贝是一个常用且重要的操作。 描述部分说明了本文将通过一个简单的示例来展示如何使用jQuery进行深拷贝Json对象的操作，并说明了操作技巧。这种方式对于那些需要在...
原生JS和jQuery操作DOM对比总结
10-20
**原生JavaScript** 使用`cloneNode()`方法复制节点，`true`表示深拷贝，`false`表示浅拷贝： ```javascript var newEl = pEl.cloneNode(true); ``` **jQuery** 使用`clone()`方法，同样接受一个布尔值参数： ```...
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
12-04
深拷贝不同于浅拷贝，它会创建一个与原对象具有相同属性和方法的新对象，即使这些属性是复杂类型（如其他对象或数组）也会被完整地复制。下面是一个简单的深拷贝实现： ```javascript function cloneObj(oldObj) { ...
原生js实现深浅拷贝
chi1130的博客
08-26 341
 浅拷贝： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
js中的浅拷贝和深拷贝
weixin_34023863的博客
11-16 110
说说最近所学：浅拷贝和深拷贝也叫做浅克隆和深克隆，深浅主要针对的是对象的“深度”，常见的对象都是“浅”的，也就是对象里的属性就是单个的属性，而“深”的对象是指一个对象的属性就是一个对象，也就是对象里面套对象，就像嵌套函数一样。 为什么要使用深拷贝和浅拷贝？ 如果现有var obj={....}这个对象，想复制对象obj2，一贯的做法就是obj2=obj1，这时虽然obj2拥有了obj1...
js深拷贝浅拷贝
shjxa的博客
08-23 506
对数据进行备份是一个常见的问题。那么什么是深拷贝浅拷贝呢？ 我们都知道js的数据类型有值类型和引用类型。 值类型：通过赋值即可实现数据备份 引用类型：由于变量中保存的只是指向数据值的指针，因而若简单复制变量，那么若改变变量，原对象也会跟着改变，这就是浅拷贝。所以深拷贝指的自然就是另外开辟一块内存保存对象的值，这样即使改变了拷贝后的数据，原数据也不会改变。 浅拷贝普通赋值function clone
javascript 浅拷贝
qq_43218707的博客
07-24 1473
1、js基本数据类型：Number、Boolean、String、null、undefine、Symbol（ES6新增）；基本数据类型存放在栈中，它们之间的拷贝均为深拷贝，即两者再无任何关联，如下： ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200724164000705.jpg 2、js引用数据类型：Object（Array，Date，RegExp，Function）；引用数据类型存放在堆中，并在栈中存放一个地址，用于访问堆中的内容。 引用数据类型之间的拷贝要根
关于js的浅拷贝和深拷贝遇到的问题
张致豪
09-11 1702
我们知道js的值分为两种：引用类型值和基本类型值 引用类型的值在进行赋值操作时，其实赋值的是变量的指针，使两个变量引用同一个地址，导致修改一个变量另一个变量也会发生改变。 浅拷贝：复制地址，改变其中一个会影响另一个 深拷贝：在内存中重新创建一个引用类型，复制的两者不会相互影响 实现深拷贝的常见方法： //深拷贝对象 let x = {a:1} let y = ...
js实现浅拷贝
高先生的猫
03-24 196
如果给一个变量赋值一个对象，那么两者的值会是同一个引用，其中一方改变，另一方也会相应改变。针对引用类型我们需要实现数据的拷贝。 用 ... 实现 const copy = {...{x:1}} 用 Object.assign 实现 const copy = Object.assign({}, {x:1}) 用 slice 实现 let arr = [1, 3, { x: 1 }];...
js 深拷贝/浅拷贝
日常笔记/总结/系列知识梳理
01-02 255
原生js: var newArr=[]; var oldArr=[1,2,3]; Object.assign(newArr,oldArr); jquery实现： var newArr=[]; var oldArr=[1,2,3]; newArr = $.extend(true,[],oldArr) 相关文章：深拷贝的三种实现方式 ...
js 实现浅拷贝
zxl1990_ok的博客
07-25 845
1. 利用Object.assign 实现（针对对象只有一层，没有嵌套的情况） var obj = {name: 'zxx'}; var copy = Object.assign({}, obj) 2. 数组只有一层的话可以利用concat, slice 等实现； var arr=[1,2, 3]; var arr1 = arr.concat(); var arr2 = arr.slic...
使用原生JavaScript构建音乐播放器
通过掌握以上这些知识点，开发者可以创建一个基本的原生JavaScript音乐播放器，提供播放、暂停、音量控制和进度调整等功能。这不仅有助于理解JavaScript的事件驱动编程模型，也有助于提升对Web前端开发的整体理解。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值