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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
js控制不同的时间段显示不同的css样式的实例代码
Nov 04 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
Jul 02 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
jquery实现提示语淡入效果
May 05 jQuery
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
js传递数组参数到后台controller的方法
Mar 29 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 Javascript
React实现todolist功能
Dec 28 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代码 用PHP写出自己的BLOG系统
2010/04/12 PHP
php empty() 检查一个变量是否为空
2011/11/10 PHP
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
2010/01/22 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
创建简单的node服务器实例(分享)
2017/06/23 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
KOA+egg.js集成kafka消息队列的示例
2018/11/09 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
vue proxy 的优势与使用场景实现
2020/06/15 Javascript
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
在Python的列表中利用remove()方法删除元素的教程
2015/05/21 Python
Python中的一些陷阱与技巧小结
2015/07/10 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
Python简单获取自身外网IP的方法
2016/09/18 Python
利用 Monkey 命令操作屏幕快速滑动
2016/12/07 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
python安装numpy&安装matplotlib& scipy的教程
2017/11/02 Python
Python并发编程协程(Coroutine)之Gevent详解
2017/12/27 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
Django中URL的参数传递的实现
2019/08/04 Python
python3实现绘制二维点图
2019/12/04 Python
Pyecharts 动态地图 geo()和map()的安装与用法详解
2020/03/25 Python
python3爬虫中引用Queue的实例讲解
2020/11/24 Python
python压包的概念及实例详解
2021/02/17 Python
浅谈css3中的渐进增强和优雅降级
2017/12/01 HTML / CSS
Trip.com香港网站:Ctrip携程旗下,全球最大的网上旅游社之一
2016/08/01 全球购物
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
北京大学自荐信范文
2014/01/28 职场文书
社区义诊活动总结
2014/04/30 职场文书
影子教师研修方案
2014/06/14 职场文书
2015年安全员工作总结范文
2015/04/22 职场文书
2015年学生管理工作总结
2015/05/26 职场文书
Django中session进行权限管理的使用
2021/07/09 Python