ES6扩展运算符用法实例分析


Posted in Javascript onOctober 31, 2017

本文实例讲述了ES6扩展运算符用法。分享给大家供大家参考,具体如下:

扩展运算符用三个点号表示,功能是把数组或类数组对象展开成一系列用逗号隔开的值,扩展运算符有以下几点作用

一、展开数组

//展开数组
let a = [1,2,3,4,5],
b = [...a,6,7];
console.log(b);
//打印出来的值[1, 2, 3, 4, 5, 6, 7]

二、数组的拷贝

//数组的拷贝
var c = [1, 2, 3];
var d = [...c]; 
d.push(4); 
console.log(d);
//打印出来的值[1, 2, 3, 4]

三、数组的合并

//数组的合并
var j = [7, 1, 2];
var k = [5, 0, 8];
j = [...k, ...j];
console.log(j)
//打印出来的值[5, 0, 8, 7, 1, 2]

四、展开函数的调用

//展开函数调用
function fn(a,b,c,d){
 console.log(a+b+c+d);
}
var p=[1,9,3,,6];
let result=fn(5,...p);开函数的调用
//打印出来的值18

扩展运算符(spread)是三个点(…),将一个数组||类数组||字符串转为用逗号分隔的序列。这家伙是用来对数组进行操作的,把数组里面的东西统统拿出来

更多相关内容可查看本站专题:《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《javascript面向对象入门教程》

希望本文所述对大家基于ECMAScript的程序设计有所帮助。

Javascript 相关文章推荐
JS类的封装及实现代码
Dec 02 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
Jul 17 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
点击隐藏页面左栏或右栏实现js代码
Apr 01 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
Oct 26 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
Javascript 字符串模板的简单实现
Feb 13 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
浅谈mvvm-simple双向绑定简单实现
Apr 18 Javascript
详解Angular6 热加载配置方案
Aug 18 Javascript
原生JS实现贪吃蛇小游戏
Mar 09 Javascript
JavaScript中正则表达式使数字、中文或指定字符高亮显示
Oct 31 #Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 #Javascript
帝国cms首页列表页实现点赞功能
Oct 30 #Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 #Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 #Javascript
JavaScript数组push方法使用注意事项
Oct 30 #Javascript
JavaScript Date对象应用实例分享
Oct 30 #Javascript
You might like
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
javascript &&和||运算法的另类使用技巧
2009/11/28 Javascript
面向对象Javascript核心支持代码分享
2012/05/23 Javascript
javascript中创建对象的几种方法总结
2013/11/01 Javascript
jquery遍历数组与筛选数组的方法
2013/11/05 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
容易造成JavaScript内存泄露几个方面
2014/09/04 Javascript
js全选实现和判断是否有复选框选中的方法
2015/02/17 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
2015/12/26 Javascript
javascript中this指向详解
2016/04/23 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
微信小程序  Mustache语法详细介绍
2016/10/27 Javascript
js+html5实现侧滑页面效果
2017/07/15 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
2018/04/14 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
2020/03/07 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
python base64 decode incorrect padding错误解决方法
2015/01/08 Python
目前最全的python的就业方向
2018/06/05 Python
Scrapy基于selenium结合爬取淘宝的实例讲解
2018/06/13 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
python使用socket实现的传输demo示例【基于TCP协议】
2019/09/24 Python
解决django的template中如果无法引用MEDIA_URL问题
2020/04/07 Python
如何安装并在pycharm使用selenium的方法
2020/04/30 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
欢迎横幅标语
2014/06/17 职场文书
英语自我介绍演讲稿
2014/09/01 职场文书
高中生综合素质评价范文
2015/08/18 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle
python blinker 信号库
2022/05/04 Python