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 容错处理代码, 屏蔽错误信息
Mar 09 Javascript
JavaScript 模拟用户单击事件
Dec 31 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
Mar 29 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
javascript中的this详解
Dec 08 Javascript
将页面table内容与样式另存成excel文件的方法
Aug 05 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
jQuery插件实现图片轮播效果
Oct 19 jQuery
详解ES6实现类的私有变量的几种写法
Feb 10 Javascript
javascript Number 与 Math对象的介绍
Nov 17 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
从零开始的异世界生活:第二季延期后,B站上架了第二部剧场版
2020/05/06 日漫
PHP中把有符号整型转换为无符号整型方法
2015/05/27 PHP
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
js中typeof的用法汇总
2013/12/12 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
JS获取随机数和时间转换的简单实例
2016/07/10 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
vue+element实现批量删除功能的示例
2018/02/28 Javascript
浅析node应用的timing-attack安全漏洞
2018/02/28 Javascript
完美解决iview 的select下拉框选项错位的问题
2018/03/02 Javascript
vue自定义指令directive的使用方法
2019/04/07 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
基于Echarts图表在div动态切换时不显示的解决方式
2020/07/20 Javascript
Node.js 中判断一个文件是否存在
2020/08/24 Javascript
Vue3为什么这么快
2020/09/23 Javascript
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
简介Python设计模式中的代理模式与模板方法模式编程
2016/02/02 Python
Python之列表的插入&替换修改方法
2018/06/28 Python
python re库的正则表达式入门学习教程
2019/03/08 Python
Django数据库类库MySQLdb使用详解
2019/04/28 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
Python中判断子串存在的性能比较及分析总结
2019/06/23 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
python搜索算法原理及实例讲解
2020/11/18 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
天网面试题
2013/04/07 面试题
企业厂长岗位职责
2013/12/17 职场文书
写自荐信三大法宝
2014/01/24 职场文书
采购类个人求职的自我评价
2014/02/18 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
Mysql 设置boolean类型的操作
2021/06/04 MySQL