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 相关文章推荐
Javascript学习笔记7 原型链的原理
Jan 11 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
May 27 Javascript
jQuery匹配文档链接并添加class的方法
Jun 26 Javascript
jQuery实现查找链接文字替换属性的方法
Jun 27 Javascript
jQuery实现的网页换肤效果示例
Sep 20 Javascript
浅谈JavaScript中promise的使用
Jan 11 Javascript
关于vue.js v-bind 的一些理解和思考
Jun 06 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
详解webpack 入门与解析
Apr 09 Javascript
微信小程序文章详情功能完整实例
Jun 03 Javascript
详解JS ES6编码规范
May 07 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实现将GB编码转换为UTF8
2006/11/25 PHP
php多功能图片处理类分享(php图片缩放类)
2014/03/14 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
PHP永久登录、记住我功能实现方法和安全做法
2015/04/27 PHP
php实现有趣的人品测试程序实例
2015/06/08 PHP
php判断str字符串是否是xml格式数据的方法示例
2017/07/26 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
网页开发中的容易忽略的问题 javascript HTML中的table
2009/04/15 Javascript
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
javaScript 删除字符串空格多种方法小结
2012/10/24 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
Javascript 基础---Ajax入门必看
2016/07/06 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
简述vue路由打开一个新的窗口的方法
2018/11/29 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
Python程序员鲜为人知但你应该知道的17个问题
2014/06/04 Python
python实现网站的模拟登录
2016/01/04 Python
Python中shape计算矩阵的方法示例
2017/04/21 Python
python读取二进制mnist实例详解
2017/05/31 Python
100行Python代码实现自动抢火车票(附源码)
2018/01/11 Python
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
使用Python给头像戴上圣诞帽的图像操作过程解析
2019/09/20 Python
解决pycharm启动后总是不停的updating indices...indexing的问题
2019/11/27 Python
Python自动化操作实现图例绘制
2020/07/09 Python
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
HEMA英国:荷兰原创设计
2018/08/28 全球购物
高校生生产实习自我鉴定
2013/09/21 职场文书
外贸学院会计专业应届生求职信
2013/11/14 职场文书
中学门卫岗位职责
2013/12/26 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书