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 相关文章推荐
Use Word to Search for Files
Jun 15 Javascript
初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能
Dec 26 Javascript
浅析js中的浮点型运算问题
Jan 06 Javascript
JS实现自适应高度表单文本框的方法
Feb 25 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
jquery采用oop模式class类的使用示例
Jan 22 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 Javascript
新手如何快速理解js异步编程
Jun 24 Javascript
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 Javascript
javascript单张多张图无缝滚动实例代码
May 10 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
2020年4月放送!《Princess Connect Re:Dive》制作组 & 角色声优公开!
2020/03/06 日漫
Mysql的常用命令
2006/10/09 PHP
详解php的魔术方法__get()和__set()使用介绍
2012/09/19 PHP
php写的AES加密解密类分享
2014/06/20 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
php解析xml 的四种简单方法(附实例)
2016/07/11 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
PHP调用微博接口实现微博登录的方法示例
2018/09/22 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
jquery获取ASP.NET服务器端控件dropdownlist和radiobuttonlist生成客户端HTML标签后的value和text值
2010/06/28 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
jQuery中click事件的定义和用法
2014/12/20 Javascript
Jquery结合HTML5实现文件上传
2015/06/25 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
基于BootStrap的图片轮播效果展示实例代码
2016/05/23 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
AngularJS中$watch和$timeout的使用示例
2016/09/20 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
nodejs实现用户登录路由功能
2019/05/22 NodeJs
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
详解vue 中 scoped 样式作用域的规则
2020/09/14 Javascript
vue的$http的get请求要加上params操作
2020/11/12 Javascript
[38:23]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第一场
2014/05/24 DOTA
Numpy掩码式数组详解
2018/04/17 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
英国女性时尚鞋类的潮流制造者:Koi Footwear
2018/10/19 全球购物
SAZAC的动物连体衣和动物睡衣:Kigurumi Shop
2020/03/14 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
会计学自我鉴定
2014/02/06 职场文书
大学生会计职业生涯规划范文
2014/02/28 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
万里长城导游词
2015/01/30 职场文书
python异常中else的实例用法
2021/06/15 Python