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 相关文章推荐
jQuery Ajax 全解析
Feb 08 Javascript
JQuery的一些小应用收集
Mar 27 Javascript
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
js实现的Easy Tabs选项卡用法实例
Sep 06 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
Jun 24 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
原生js简单实现放大镜特效
May 16 Javascript
微信小程序checkbox组件使用详解
Jan 31 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
微信小程序select下拉框实现源码
Nov 08 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中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
详细对比php中类继承和接口继承
2018/10/11 PHP
兼容IE和FF的js脚本代码小结(比较常用)
2010/12/06 Javascript
javaScript同意等待代码实现心得
2011/01/01 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
nodejs中操作mysql数据库示例
2014/12/20 NodeJs
js实现横向伸展开的二级导航菜单代码
2015/08/28 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
jQuery实现三级联动效果
2017/03/02 Javascript
基于JavaScript实现简单的音频播放功能
2018/01/07 Javascript
JavaScript正则表达式函数总结(常用)
2018/02/22 Javascript
JS Generator 函数的含义与用法实例总结
2020/04/08 Javascript
解决vue的touchStart事件及click事件冲突问题
2020/07/21 Javascript
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
简单介绍Python的轻便web框架Bottle
2015/04/08 Python
python学习数据结构实例代码
2015/05/11 Python
Python简单删除目录下文件以及文件夹的方法
2015/05/27 Python
Flask框架的学习指南之制作简单blog系统
2016/11/20 Python
python实现数据图表
2017/07/29 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
利用css3画个同心圆示例代码
2017/07/03 HTML / CSS
HTML5实现移动端弹幕动画效果
2019/08/01 HTML / CSS
Melissa香港官网:MDreams
2016/07/01 全球购物
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
美国温暖商店:The Warming Store
2018/12/15 全球购物
main 函数执行以前,还会执行什么代码
2013/04/17 面试题
大学生活自我评价
2014/04/09 职场文书
2014收银员工作总结范文
2014/12/16 职场文书
聘任合同书
2015/09/21 职场文书
2016孝老爱亲模范事迹材料
2016/02/26 职场文书
工程移交协议书
2016/03/24 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
python常见的占位符总结及用法
2021/07/02 Python
python解析json数据
2022/04/29 Python