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 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
Apr 18 Javascript
js substr支持中文截取函数代码(中文是双字节)
Apr 17 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
JSON 数字排序多字段排序介绍
Sep 18 Javascript
js实现照片墙功能实例
Feb 05 Javascript
JavaScript将数字转换成大写中文的方法
Mar 23 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
Jul 13 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
vue单页应用的内存泄露定位和修复问题小结
Aug 02 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
Jul 22 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/03/04 日漫
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
禁止iframe页面的所有js脚本如alert及弹出窗口等
2014/09/03 Javascript
JavaScript中实现最高效的数组乱序方法
2014/10/11 Javascript
js中this的用法实例分析
2015/01/10 Javascript
JavaScript SHA512&SHA256加密算法详解
2015/08/11 Javascript
PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解
2015/10/09 Javascript
学习JavaScript图片预加载模块
2016/11/07 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
2019/04/09 Javascript
重学 JS:为啥 await 不能用在 forEach 中详解
2019/04/15 Javascript
详解无限滚动插件vue-infinite-scroll源码解析
2019/05/12 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
python实现博客文章爬虫示例
2014/02/26 Python
python的类方法和静态方法
2014/12/13 Python
Python解析树及树的遍历
2016/02/03 Python
python装饰器与递归算法详解
2016/02/18 Python
Python实现连接两个无规则列表后删除重复元素并升序排序的方法
2018/02/05 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
解决Python2.7中IDLE启动没有反应的问题
2018/11/30 Python
Python修改DBF文件指定列
2020/12/19 Python
Html5 滚动穿透的方法
2019/05/13 HTML / CSS
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
师范大学应届生求职信
2013/11/21 职场文书
2014年安全工作总结范文
2014/11/13 职场文书
2014年个人工作总结模板
2014/12/15 职场文书
开学第一天的感想
2015/08/10 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
Python包管理工具pip的15 个使用小技巧
2021/05/17 Python
Python面向对象之成员相关知识总结
2021/06/24 Python
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers