ES6扩展运算法克隆元素（...）深拷贝还是浅拷贝

最新推荐文章于 2022-01-02 19:21:24 发布
最新推荐文章于 2022-01-02 19:21:24 发布
阅读量279 收藏 1
点赞数
分类专栏： 前端基础 文章标签： es6 扩展显示标识数据
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yidianyuanzhidong/article/details/117767739
版权
本文探讨了ES6扩展运算符（...）在处理数据克隆时的情况，特别是对于一层元素数组或对象的深拷贝和多层元素的拷贝行为。一层元素的数组或对象使用扩展运算符可视为深拷贝，而当对象中包含内层对象或数组时，则外层为浅拷贝，内层进行深拷贝。
摘要由CSDN通过智能技术生成

一层元素数组或对象

什么叫只有一层元素呢，例如

let person={
   
	name="校历",
	age=23
	}
let num=[1,2,3,4,5
最低0.47元/天 解锁文章
爱玩的小屁孩
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue面试题、react面试题大全、ES6等....
sdh19981202的博客
10-09 4791
自己整理的一些面试题： 1、promise是用来做什么的？ 答：它是一个对象，用来传递异步操作的信息。 2、promise三个状态？ Pending：进行中，Resolved：已完成，Reject：已失败 3、promise优缺点？ 优点：可以通过.then解决回调地狱的问题，通过try-catch解决问题捕获 数组去重的常用方法 1.es6的set方法 var arr = [1,1,8,8,12,12,15,15,16,16]; function unique (arr) { retu
ES6 新特性 扩展运算符(...)详解
明天也要努力的博客
05-17 1059
扩展操作符（…）可在函数调用/数组构造时, 将数组表达式或者string在语法层面展开； 还以在构造对象时, 将对象表达式按key-value的方式展开； 1. 数组 1.1 构造数组 没有扩展运算符的时候，只能组合使用 push，splice，concat 等方法，将已有数组元素变成新数组的一部分。 有了扩展运算符, 构造新数组会变得更简单、更优雅： 扩展运算符(spread)就是我们知道的三个点(…)，它就好像 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...
[js] ES6对象展开运算符&&浅拷贝or深拷贝
qq_14993591的博客
01-02 2478
先来了解下，浅拷贝和深拷贝各自的含义： 数据可以分为两大类：一类是基本数据，一类是引用数据；而数据存储位置又可分为栈和堆。 基本数据是存储在栈中的，深拷贝和浅拷贝操作的都是真实的数据，所以没有区别。 故而，深拷贝和浅拷贝主要是针对引用数据来说的。 引用数据，相当于是在栈中存储了一个地址，这个地址指向堆中的真实数据， 浅拷贝，相当于把栈中的地址给了一个新的对象，新对象和旧对象指向的都是堆中同一个数据，所以无论哪个对象发生变化都会影响堆中的这个数据； 深拷贝，是在堆中重新开辟一片空间，生成了一个新的数据区域，这
es6-解构赋值，函数.数组.对象扩展
weixin_50402587的博客
08-05 1182
一、变量的解构赋值 1、对象的解构赋值 （1）属性名与变量名不一致 当属性名称与变量名称不一致的，需要显式的指定属性名。这样才能把属性值给赋值到变量中。 let user = {name: '小明', age: 12}; let {name: userName, age: userAge} = user; console.log(userName); // '小明' console.log(userAge); // 12 （2）属性名与变量名一致 当属性名称与变量名称一致的，就只需要显示的指定变量名
ES6对象扩展, 对象链式判断,Object.assign()等方法
yangyang_A的博客
05-14 1157
文章目录ES6 对象的扩展1.0 属性的简洁表示法2.0 属性名表达式3.0 属性的可枚举性和遍历4.0 super 关键字4.0 对象的解构赋值5.0 对象的扩展运算符6.0 对象的链判断运算符6.1 对象的链判断有三种写法: 一6.2 对象链判断三种写法: 二6.3 对象链判断三种写法: 三6.4对象的链判断符的几个注意点7.0 Null 判断运算符对象的新增方法1. Object.is()2. Object.assign()2.1. Object.assign()的注意点2.2 Object.assi
[ES6]---数组的扩展（扩展运算符&&Array方法）的讲解
IT_qslong的博客
10-27 2616
数组的扩展 扩展运算符 扩展运算符 扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。允许一个表达式在原地展开 // 定义一个数组 var arr = [1,2,3,4,5]; //将数组中的每一个元素打印在控制台 for(let i =0;i<arr.length;i++){ console.log(arr[i]); } //利用扩展运算符 console.log(...arr);// 1 2 3 4 5 主要用于函数调
ES6
小邹很忙！的博客
08-10 347
一级标题 P25 1、 let 和 var 的区别 let（变量） const（常量） let相比var增加了一个作用域的限制 例如for循环 var定义的变量在for循环外边能获取到 而let定义的变量 在外边获取会报错 而const 相比于let 增加了一个内存地址的限制 普通类型的变量不允许改变 而对象 数组这种对象类型 可以进行改变 但无法重新赋值 变量提升就是 js是解释型语言 在解释时 会首先把变量提升到作用域的顶部 function a(){ ss = 1 } a() console.log
ES6及ES6之后6——数组的扩展
十五春会的博客
08-26 126
文章目录扩展运算符含义替代函数的apply方法扩展运算符的应用 扩展运算符 含义 扩展运算符是...。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <div>] [...[],
Object.assign 与 展开运算符的区别
liao15079497375的博客
04-19 901
看上图，只有一层的情况下，object.assign()是浅拷贝、展开运算符是深拷贝。多层情况下，两中没有区别，都是浅拷贝。
ES6中Iterator与for..of..遍历用法分析
08-30
**ES6中的Iterator和for..of遍历** 在ES6（ECMAScript 2015）中，引入了一个新的特性——迭代器（Iterator），它为各种不同的数据结构提供了统一的访问机制。迭代器允许开发者遍历任何可迭代对象，无论它们内部的...
ES6变量声明与赋值：值传递、浅拷贝与深拷贝详解
02-24
本文首先介绍ES6中常用的三种变量声明方式，然后讨论了JavaScript按值传递的特性以及多种的赋值方式，最后介绍了复合类型拷贝的技巧。在JavaScript中，基本的变量声明可以用var方式；JavaScript允许省略var，直接对...
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
10-19
在JavaScript的ES6标准中，类（Class）的引入为对象的创建提供了更简洁的语法。然而，ES5和ES6在构造函数的使用上有显著差异，特别是在处理没有使用`new`关键字调用函数的情况。`new.target`属性是ES6引入的一个新...
微信小程序ES6: for(let i ...) 会报not defined错误
03-29
ES6: for(let i ...) 会报not defined错误 微信web开发者工具 v0.13.140600 for (let i=0, i< 10 ; i++){  .... } 开启ES6转ES5，开启代码压缩，在手机端预览会报not defined. 解决方案： let i; for( i = 0 ,i&...
es6-promise.auto.js
10-31
<!-- Automatically provides/replaces `Promise` if missing or broken. --> [removed][removed] ...-- Minified version of `es6-promise-auto` below. --> [removed][removed] [removed][removed]
VSCode搭建前端开发环境
yidianyuanzhidong的博客
06-01 2530
一、首先安装vscode 官网下载jiangchenVScode下载
ES6连续解构赋值重命名
yidianyuanzhidong的博客
06-09 606
es6支持连续解构赋值且重命名 let person={stu1:{stu2:{ name:"小三"}}} let {person:{stu1:{stu2}}}=obj console.log(stu2) //小三 //改变属性名 let {person:{stu1:{stu2:stu3}}}=obj console.log(stu3) //小三 多重对象嵌套即可使用，简写书写 ...
CSS学习笔记05
yidianyuanzhidong的博客
06-02 254
21、字体族 设置字体样式 font-family:"华文彩云" 五大字体族 font-family:serif,monospace,cuisive首先使用第一个，以此类推 引用字体 把字体打包到服务器，供用户使用 问题： 1、加载速度 2、版权问题 @font-face{ font-family:"myfont";提供的字体名称 src:url("./font-x.ttf") format("truetype");字体路径 如果ttf字体格式不支持，需要换其他的 } 使用 p{ font-
Axios的特点
yidianyuanzhidong的博客
06-13 206
1、基于promise的异步Ajax请求库 2、浏览器端/node端都可以使用 3、支持请求/响应拦截器 4、持之请求取消 5、请求/相应数据转换 6、批量发送多个请求
Node.js指南：利用ES6构建可扩展的API
《利用Node.js构建API：快速指南》是由Caio Ribeiro Pereira编著的一本实用教程，着重讲解如何运用Node.js平台和最新版本的JavaScript ES6（ECMAScript 2015）来开发可扩展的API。这本书针对的是对Web开发有兴趣，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值