js——关于js的赋值、浅拷贝、深拷贝的问题

最新推荐文章于 2025-05-09 20:23:59 发布
原创 最新推荐文章于 2025-05-09 20:23:59 发布 · 286 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #elementui

本文详细解析了编程中赋值、浅拷贝和深拷贝的概念。赋值操作使用'='，对于基本类型会创建新副本，而引用类型仅复制地址。浅拷贝只拷贝第一层基本类型，子层数据仍共享同一内存地址。深拷贝则完全复制所有层级的数据，确保与原始数据独立。了解这些概念对于优化代码和避免意外修改至关重要。

一、赋值
使用‘=’，他只拷贝数据在内存中的地址，应为基本数据类型是存放在 栈 中所以赋值的时候会重新在内存中创建，而引用类型则只会拷贝地址指针
二、浅拷贝
浅拷贝会拷贝数据的第一层的基本数据类型，而他的子层数据只会拷贝地址指针，使用双等号 来进行判断 结果为false ,但是对比子层数据结果是true
三、深拷贝
深拷贝会拷贝全部的数据，在内存中重新创建一个数据，使用双等号与原本数据对比结果为false

JavaScript前端面试题——深拷贝及浅拷贝
lbcbjtlhmjq的博客
09-05 1078
深拷贝和浅拷贝是复制数据结构的两种不同方式。浅拷贝是指创建一个新对象，但仅复制原对象的属性引用，而不是其属性值。即，如果原对象的属性值是对象或数组，浅拷贝后的新对象会引用相同的内存地址，因此修改内层对象会影响到原对象。（简单数据类型拷贝值，引用数据类型拷贝地址）深拷贝是创建一个新的对象，并复制原始对象的所有属性，包括嵌套的对象和数组。这意味着在原始对象或新对象上的更改不会相互影响。
JavaScript面试精讲（七）——谈谈深拷贝和浅拷贝
egegerhn的博客
05-14 350
一.浅拷贝 浅拷贝 被复制对象的所有变量都含有与原来的对象相同的值，而所有的对其他对象的引用仍然指向原来的对象。即对象的浅拷贝会对“主”对象进行拷贝，但不会复制主对象里面的对象。”里面的对象“会在原来的对象和它的副本之间共享。 1.JavaScript中变量包含两种不同的数据类型基本数据类型 引用数据类型 基本类型值指的是简单的数据段，包括es6里面新增的一共是有6种，具体如下：number、string、boolean、null、undefined、symbol。 引用类型值指那些可能由多个值
总结一下 JS 中深浅拷贝的问题 ：
Wu hao's blog
06-01 458
这篇文章是对于，在 JS 中深浅拷贝问题的一个总结 ： 前置知识 ： JS 中的数据类型 ？ 数据分类 ： 基本数据类型 :（String,Number,Null,Undefined,Symbol (ES6中新增)）。 引用数据类型 :（统称为 Object 类型，细分则有：Object,Array,Date,RegExp,Function）。 特点 ： 基本数据类型的特点 ：直接存储在栈（stack）中的数据。 引用数据类型的特点 ：存储的是该对象在栈中的引用，真实的数据存放在堆内存中。...
js对象浅拷贝问题
blackcat88的博客
02-29 255
let aa = [{'id':111,"name":"aa1"},{'id':222,"name":"aa2"}] let arr = [] var obj = { id: "", name:"" } aa.forEach((item) => { obj.id = item.id; obj.name = item.name; arr.push(J...
js数组拷贝
想飞上天和太阳肩并肩
12-27 192
在js中，数组和对象的复制如果使用=号来进行复制，那只是浅拷贝。准备地说，就是等号赋值只复制了指向数组的指针，并没有在内存中重新开一块内存给新数组，如下图演示： ...
JS中的深浅拷贝
hongsir的博客
10-31 247
用递归实现深拷贝 function deepClone(source){ const targetObj = source.constructor === Array ? [] : {}; // 判断复制的目标是数组还是对象 for(let keys in source){ // 遍历目标 if(source.hasOwnProperty(keys)){ if(source[keys] && typeof source[keys] === 'object'){ /
关于js的浅拷贝和深拷贝遇到的问题
张致豪
09-11 1784
我们知道js的值分为两种：引用类型值和基本类型值 引用类型的值在进行赋值操作时，其实赋值的是变量的指针，使两个变量引用同一个地址，导致修改一个变量另一个变量也会发生改变。 浅拷贝：复制地址，改变其中一个会影响另一个 深拷贝：在内存中重新创建一个引用类型，复制的两者不会相互影响 实现深拷贝的常见方法： //深拷贝对象 let x = {a:1} let y = ...
JavaScript中数组与对象的深拷贝与浅拷贝实现
在JavaScript开发中，数组和对象的复制是一个极为常见且容易引发问题的知识点，尤其是在处理复杂数据结构时，开发者必须清楚地理解“浅拷贝”与“深拷贝”的区别。标题“js代码-数组、对象的复制”明确指出了该文件...
ES6变量声明与赋值：深入理解值传递、浅拷贝与深拷贝
总结来说，ES6变量声明与赋值的关键知识点包括：var与let、const的区别，变量作用域的改变，以及JavaScript的值传递机制和浅拷贝/深拷贝。通过掌握这些内容，开发者可以更好地管理变量，优化代码，提高程序的可读性...
【高频考点精讲】深入理解 JavaScript 中的深拷贝与浅拷贝，避免数据污染
最新发布
全栈老李的博客
05-09 1107
🧑‍🏫：全栈老李📅：2025 年 5 月🧑‍💻：前端初学者、进阶开发者🚀：本文由全栈老李原创，转载请注明出处。今天咱们聊聊JavaScript中一个看似简单却暗藏玄机的概念——拷贝。作为"全栈老李"的忠实读者，你可能已经遇到过这样的场景：明明只是修改了一个对象，却发现其他地方的相同对象也跟着变了——这就是典型的数据污染问题。
js深拷贝和浅拷贝
Vanessa_Li的博客
07-21 1325
手写深拷贝-深度遍历 深拷贝: 深拷贝开辟一个新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。指复制后的新对象重新指向一个新的内存地址，两个对象改变互不影响。...
Js 浅拷贝和深拷贝
逍湘子
02-23 472
浅拷贝和深拷贝都只针对于引用数据类型, 基本数据类型拷贝的直接是变量的值。 首先举个栗子： var m = {a: 10, b: 20} var n = m; n.a = 15; m; // {a: 15, b: 20} 通过等号赋值的方式是浅拷贝，拷贝的是对象的引用，var n = m, 是将对象m的引用赋给了a,这时 n 和 m 指向了同一块内存地址，n 修改 a 的值也就修改了同一块内存地...
js赋值、浅拷贝、深拷贝的区别
qq_44746317的博客
03-16 1392
js深浅拷贝
js中的深浅拷贝
HOMEXS的博客
03-17 191
基本数据类型保存在栈内存，引用类型保存在堆内存中。根本原因在于保存在栈内存的必须是大小固定的数据，引用类型的大小不固定，只能保存在堆内存中，但是可以把它的地址写在栈内存中以供我们访问。 浅拷贝指的就是仅拷贝对象的地址，这样会使被拷贝的对象会因为拷贝的对象的数据改变而改变 如上图，b拷贝a就是浅拷贝，b拷贝的仅是a的地址，当b改变时其实就是堆里面的数据改变了，因为a的地址指向的也是这个堆，所以a的内容也改变了 深拷贝是指拷贝一个对象的数据之前先给拷贝的对象创建一个堆地址，这样当拷贝的对象指向的堆中的数据
js赋值改变后原来的东西也改变了，影响了好几个其它使用同一个源数据的原因以及解决方法
热门推荐
df981011512的博客
06-05 1万+
【原因】：数组赋值目测在php/js这两种语言中的赋值都是应用传递(所谓应用传递就是所谓的赋值其就是共享同一个地址)，一般的字串整型等数据类型都是值传递所以不存在这类情况 【解决方法】：在进行数组间赋值时，将原来的赋值方式换以下即可，代码如下 //例如我有一个js数组 result={45,54,65}; json_datas={};//我自定义一个空数组来进行赋值 //一般我们都是
Js数据类型及其在内存中的存放，深复制浅复制
z_m_s的博客
05-02 689
Js数据类型分三类1.基本数据类型包括：Undefined、Null、Boolean、Number和String（注意都是大写），基本数据类型存放存放于栈内存。栈，只允许在一段进行插入或者删除操作的线性表，是一种先进后出的数据结构，动态分配的空间由程序猿分配释放，若程序员不释放，程序结束时可能由操作系统回收，分配方式倒是类似于链表。（题外话：队列：先进先出FIFO）2.一种引用数据类型：Objec...
js复制拷贝数据时的注意事项
weixin_44849078的博客
04-29 523
js复制拷贝数据时的注意事项1、复制数据时的划分2、基础数据类型的复制3、引用数据类型的复制 昨天教导新人的时候，发现她不了解复制数据时的区别，以为a=b之后赋值之后之后就没有关联了，因此今天写这篇文章自己整理一下这中间要注意的东西。这篇先写因为数据类型导致的复制区别，下篇写深拷贝浅拷贝。 1、复制数据时的划分 在代码中，经常会用到需要将a赋值给b的情况。但是a的值得类型往往会影响到拷贝之后a、b...
JS赋值、浅拷贝和深拷贝
weixin_51670675的博客
08-20 1118
​ 同一个Array或者Object赋值给两个不同变量时，变量指向的是同一个内存地址，所以就会造成其中一个变量改变属性值，同时改变了另外一个变量的对应属性值。 ​ 而大多数实际项目中，我们想要的结果是两个变量（初始值相同）互不影响。所以就要使用到拷贝（分为深浅两种） 文章目录一、赋值二、浅拷贝三、简单的深拷贝：四、包含处理循环引用问题的深拷贝五、考虑symbol类型 一、赋值 ​ 赋值是将某一数值或对象赋给某个变量的过程，分为： ​ 1、基本数据类型：赋值，赋值之后两个变量互不影响 ​ 2、引用数
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值