JS Array.from() 是浅拷贝还是深拷贝?为什么？

于 2022-09-19 09:56:42 发布
阅读量942 收藏
点赞数 2
分类专栏： JavaScript 文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45284938/article/details/126926628
版权

在这里插入图片描述
书中提到Array.from()是浅拷贝; 看到最后行代码时人有点懵;
既然是浅拷贝 为什么 a1 === a2

回顾下深浅拷贝知识点：
1.深拷贝：在堆内存中开辟一块新的地址，存放拷贝后的数据，及在该指针上修改和创建新的类型不会对原始数据造成影响；
2.浅拷贝：复制堆内存中的地址，修改创建都会相互影响；

这里用代码证明Array.from()是浅拷贝
在这里插入图片描述
可以明显看到在数组元素为对象时 数据发生了同步改变。

在深浅拷贝的定义里 深拷贝的数据是不会相互影响的 故此书中提到Array.from()是浅拷贝 也非常合理；

词不达意难知
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
浅谈javascript的Array.prototype.slice.call
10-23
发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。
ES6入门教程之Array.from()方法
10-17
主要给大家介绍了关于ES6入门教程之Array.from()方法的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用ES6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）实例详解
11-20
本文实例讲述了JS赋值、浅拷贝和深拷贝（数组和对象的深浅拷贝）。分享给大家供大家参考，具体如下： 深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的。  浅拷贝 只是拷贝了基本类型的数据，而引用类型数据，复制后也是会发生引用，我们把这种拷贝叫做浅拷贝（浅复制） 浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 赋值和浅拷贝的区别 当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪
js中的深拷贝与浅拷贝
ly_fashion的博客
05-01 542
js深拷贝与浅拷贝
带你全面理解深拷贝与浅拷贝
weixin_38984030的博客
09-03 342
首先要区分与js的数据类型。 基本数据类型：Number, String, Boolean, Null, Undefined。 引用数据类型：Array, Object, Function等 那么这两类数据类型有什么不一样呢？ 基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存空间大小可以分配，它们是直接按值存放的，所以可以直接按值访问。 引用类型是存放在堆内存中的对象，...
js 函数 Array.from()的使用
落子無悔
11-17 5348
Array.from(): Array.from()方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 let obj = { 0: 'hellow world', 1: 'xiaoming', 2: 'gansha', 'length': 3 } let arr = Array.from(obj) console.log(arr); ...
js Array.from()的5个便捷应用
棠樾的博客
06-28 756
Array.from()的5个便捷应用 arrayLikeOrIterable：必传参数，类数组对象或者一个iterable mapFunction：可选参数，mapFunction(item，index){ ... }对集合中的每一个项目调用的函数，返回的值被插入到新的集合中。 thisArg：可选参数，执行回调函数ma...
Array方法之Array.from（），附带对浅拷贝和深拷贝的理解
web_sea 的博客
07-31 4842
Array.from() 作用：从一个类似数组或可迭代对象中创建一个新的，浅拷贝的数组实例。 （1）：这里讲一下深拷贝和浅拷贝的区别 浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。 深拷贝：会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。 此处加一句：浅拷贝的对象若包含子对象，当新的对象对子对象发生改变时则会使原对象子对象一同改...
数组Array浅拷贝深拷贝方法总结
知其白，守其黑；和其光，同其尘。
08-04 3211
Javascript创建对象的方法有很多，现在就来列举一下：　　1. 使用Object构造函数来创建一个对象，下面代码创建了一个person对象，并用两种方式打印出了Name的属性值。 var person = new Object(); person.name="kevin"; person.age=31; alert(person.name); alert(per
踩坑日记 Array.from()
weixin_46823798的博客
08-25 276
浅踩一下深拷贝浅拷贝的坑
深入浅出ES6中Array.from()方法
林木木的博客
04-09 2107
文章目录 前言 一、类数组是啥？ 二、Array.from() 1.语法 2.浅拷贝 3.从类数组结构生成数组 4.从可迭代对象生成数组 5.增强新数组 总结 前言 Array构造函数中有两个ES6新增的创建数组的静态方法from() from()用于将类数组结构或可迭代对象转换为数组实例 一、类数组是啥？ 顾名思义，就是类似于数组，但又不完全是数组，我们亲切的称它为和数组有相同结构的对象，注意再强调一遍它是对象！ ...
JavaScript深拷贝和浅拷贝概念与用法实例分析
01-19
js中的浅拷贝和深拷贝，只是针对复杂数据类型(Objcet，Array)的复制问题。简单来讲浅拷贝和深拷贝都可以实现在原有对象的基础上再生成一份的作用。但是根据新生成的对象能否影响到原对象可以分为浅拷贝和深拷贝。 ...
js中的深拷贝和浅拷贝总结
01-08
1、浅拷贝 2、深拷贝 二、实现方式 1、浅拷贝的实现方式 1.1 Object.assign(target,source)方法 1.2 Array.prototype.concat()方法 1.3 Array.prototype.slice(start,end)方法 2、深拷贝的实现方式 2.1 JSON.parse...
Array.from()的学习
gercke的博客
01-19 155
Array.from() 方法从一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。 1，Array.from (obj, mapFn) obj指的是数组对象、类似数组对象或者是set对象，mapFn指的是对数组中的元素进行处理的方法 //将一个类似数组的对象转为一个数组，并在原来的基础上乘以3倍 let arrayLike = { '0': '6', '1': '4', '2': '8', length: 3 } Array.from(arrayLike, x => x*3) //[4,8,.
ES6的数组新功能from方法是深拷贝还是浅拷贝
qq_36453396的博客
03-07 946
from: 根据已有的数组创建一个新数组 我有个疑问新数组到底是深拷贝还是浅拷贝，接下来就测试一下 var arr = [ { name:'张三', child:[{name:'张三1'}] }, { name:'李四', child:[{name:'李四1'}] } ] var arr1 = Array.from(arr); console.log(arr1) arr1[0].child[0].name = 123 console.log(arr) 测试下来好像是浅拷贝，
Arrays.copyOf（）到底是浅拷贝还是深拷贝
chenjiazhanxiao的博客
12-12 9792
Arrays.copyOf这个方法拷贝了原数组，返回一个新的数组，这个拷贝的过程中到底是值传递还是指针传递， 尝试了一下，结果是指针传递，也就是说，虽然Arrays.copyOf虽然返回了一个新的数组，和原来的数组没有什么关系， 但是这两个数组里面的内容都是指向同一个引用的 下面是一个例子： 创建了一个student类来做实验 package com; public class Studen...
详细讲解js中的深拷贝与浅拷贝
热门推荐
zhang_cherry的博客
09-27 2万+
深拷贝与浅拷贝在其它语言中也经常被提及到，在实际项目开发过程中也常常需要区分当前使用的到底是深拷贝还是浅拷贝，有时候在该使用深拷贝的地方，我们使用了浅拷贝，会导致深藏不露的bug。
什么是深拷贝浅拷贝，如何实现深拷贝？JS
最新发布
02-28
在JavaScript中，深拷贝和浅拷贝是关于对象和数组复制的概念。 浅拷贝是指创建一个新的对象或数组，新对象的属性值或数组元素是原始对象的引用。也就是说，新对象和原始对象共享相同的内存地址，当修改其中一个对象时，另一个对象也会受到影响。 深拷贝是指创建一个新的对象或数组，新对象的属性值或数组元素是原始对象的完全复制。也就是说，新对象和原始对象是完全独立的，修改其中一个对象不会影响另一个对象。 实现深拷贝的方法有多种，下面介绍两种常见的方法： 1. 使用JSON.stringify()和JSON.parse()：这种方法适用于没有包含函数、日期等特殊类型的简单对象和数组。首先，使用JSON.stringify()将原始对象转换为字符串，然后使用JSON.parse()将字符串转换回新的对象。 ```javascript var newObj = JSON.parse(JSON.stringify(oldObj)); ``` 这种方法的缺点是无法复制函数、日期等特殊类型，并且对于循环引用的对象也无法正确处理。 2. 递归复制：这种方法适用于复杂对象和数组，包括函数、日期等特殊类型。通过递归遍历原始对象的属性或数组元素，并创建新的对象或数组来实现深拷贝。 ```javascript function deepCopy(obj) { if (typeof obj !== 'object' || obj === null) { return obj; } var newObj = Array.isArray(obj) ? [] : {}; for (var key in obj) { if (obj.hasOwnProperty(key)) { newObj[key] = deepCopy(obj[key]); } } return newObj; } var newObj = deepCopy(oldObj); ``` 这种方法可以正确处理复杂对象和数组，但需要注意处理循环引用的情况，否则可能导致无限递归。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

词不达意难知

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值