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 图片裁剪技巧解读
Nov 15 Javascript
jQuery阻止同类型事件小结
Apr 19 Javascript
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
Aug 27 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
JavaScript常用的弹出广告及背投广告实现方法
Feb 06 Javascript
JS实现判断碰撞的方法
Feb 11 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
Vue2.x中的Render函数详解
May 30 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
Dec 28 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
Nov 12 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 什么是PEAR?
2009/03/19 PHP
PHP利用str_replace防注入的方法
2013/11/10 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
php生成条形码的图片的实例详解
2017/09/13 PHP
让Firefox支持event对象实现代码
2009/11/07 Javascript
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
2013/05/08 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
基于javascript实现的快速排序
2016/12/02 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
Iview Table组件中各种组件扩展的使用
2018/10/20 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
2019/05/03 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
微信小程序实现拍照画布指定区域生成图片
2019/07/18 Javascript
原生JS实现贪吃蛇小游戏
2020/03/09 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
2020/05/31 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
2020/08/08 Javascript
使用BeautifulSoup爬虫程序获取百度搜索结果的标题和url示例
2014/01/19 Python
详解Python中的文本处理
2015/04/11 Python
python 基本数据类型占用内存空间大小的实例
2018/06/12 Python
Django+zTree构建组织架构树的方法
2019/08/21 Python
关于python导入模块import与常见的模块详解
2019/08/28 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
销售人员自我评价怎么写
2013/09/19 职场文书
个人充满哲理的自我评价
2014/02/20 职场文书
弘扬焦裕禄精神走群众路线思想汇报
2014/09/12 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
房屋买卖定金协议书
2016/03/21 职场文书
2016年圣诞节义工活动总结
2016/04/01 职场文书
只用50行Python代码爬取网络美女高清图片
2021/06/02 Python
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang
mysql sock文件存储了什么信息
2022/07/15 MySQL