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验证身份证有效性示例
Oct 11 Javascript
Jquery实现自定义tooltip示例代码
Feb 12 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
详解Javascript动态操作CSS
Dec 08 Javascript
js设置document.domain实现跨域的注意点分析
May 21 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
微信小程序 实现动态显示和隐藏某个控件
Apr 27 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
jQuery+Cookie实现切换皮肤功能【附源码下载】
Mar 25 jQuery
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 类相关函数的使用详解
2013/05/10 PHP
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
JQuery 常用方法基础教程
2009/02/06 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
jquery判断input值不为空的方法
2016/06/05 Javascript
基于node.js制作简单爬虫教程
2017/06/29 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
2019/04/09 Javascript
jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例
2019/05/13 jQuery
JS回调函数原理与用法详解【附PHP回调函数】
2019/07/20 Javascript
Vue基础配置讲解
2019/11/29 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
Vue自定义多选组件使用详解
2020/09/08 Javascript
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
[03:33]TI9战队采访 - Infamous
2019/08/20 DOTA
Python常用的日期时间处理方法示例
2015/02/08 Python
详谈Python基础之内置函数和递归
2017/06/21 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
利用python-docx模块写批量生日邀请函
2019/08/26 Python
Python 实现自动导入缺失的库
2019/10/29 Python
python3光学字符识别模块tesserocr与pytesseract的使用详解
2020/02/26 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
css3的transition效果和transfor效果示例介绍
2013/10/30 HTML / CSS
国际知名军事风格休闲装品牌:Alpha Industries(阿尔法工业)
2017/05/24 全球购物
英国时尚服饰电商:Boohoo
2017/10/12 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
应届毕业生自荐信
2015/03/04 职场文书
酒店总经理岗位职责
2015/04/01 职场文书
网络研修随笔感言
2015/11/18 职场文书
vue 实现上传组件
2021/05/31 Vue.js