博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6扩展运算符(三点运算符)...的用法
阅读量:5280 次
发布时间:2019-06-14

本文共 873 字,大约阅读时间需要 2 分钟。

1. 第一个叫做 展开运算符(spread operator),作用是和字面意思一样,就是把东西展开。可以用在array和object上都行。

let a = [1,2,3];let b = [0, ...a, 4]; // [0,1,2,3,4] let obj = { a: 1, b: 2 };let obj2 = { ...obj, c: 3 }; // { a:1, b:2, c:3 }let obj3 = { ...obj, a: 3 }; // { a:3, b:2 }

 2. 第二个 剩余操作符(rest operator),是解构的一种,意思就是把剩余的东西放到一个array里面赋值给它。

let a = [1,2,3];let [b, ...c] = a;b; // 1c; // [2,3] // 也可以let a = [1,2,3];let [b, ...[c,d,e]] = a;b; // 1c; // 2d; // 3e; // undefined // 也可以function test(a, ...rest){  console.log(a); // 1  console.log(rest); // [2,3]}test(1,2,3)
let array = [1, 2, 3, 4, 5];const { x, y, ...z } = array;// 其中z=[3, 4, 5],注意如果由于array的length不足以完成析构,则会导致z为[]对象:let obj = { name: 'zhangsan', age: 30, city: 'shenzhen' };const {name, ...others} = obj;console.log(name); // 'zhangsan'console.log(others); // {age: 30, city: 'shenzhen'}

 

转载于:https://www.cnblogs.com/RainyBear/p/9522594.html

你可能感兴趣的文章
Python--GIL 详解
查看>>
Oracle数据导入Mysql中
查看>>
BZOJ-4424 &&CodeForces-19E Fairy DP+dfs (Link-Cut-Tree可A)
查看>>
MongoDB学习笔记——聚合操作之group,distinct,count
查看>>
大道至简读后感(第四章)
查看>>
IDA IDC Tutorials: Additional Auto-Commenting
查看>>
k8s-存储卷1-十二
查看>>
Android 自定义ViewGroup实现弧形菜单
查看>>
ABP框架系列之四十一:(Nuget-Packages-Nuget包)
查看>>
head first 设计模式文摘
查看>>
在Android中Intent的概念及应用(二)——Intent过滤器相关选项
查看>>
数据库备份问题
查看>>
11.Java2核心技术—Java5.0新特性
查看>>
前端面试题(4)iframe有哪些优点?iframe缺点是什么?
查看>>
一道腾讯面试题的思考:到底谁会赢?
查看>>
【Bugly干货分享】微信文件微起底Ⅰ
查看>>
大数据 技术入门02
查看>>
参考着做个方法,处理js不能触发value改变事件,---只是定时器用时间间隔检查和处理,如果要求严格的,可能并不适用...
查看>>
fiddler 不能抓包解决
查看>>
信号完整性概述
查看>>