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 相关文章推荐
ajax更新数据后,jquery、jq失效问题
Mar 16 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
浅析jQuery中常用的元素查找方法总结
Jul 04 Javascript
js统计页面的来访次数实现代码
May 09 Javascript
javascript白色简洁计算器
May 04 Javascript
Vue中的数据监听和数据交互案例解析
Jul 12 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
Feb 21 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
js+audio实现音乐播放器
Sep 13 Javascript
vue实现列表拖拽排序的示例代码
Apr 08 Vue.js
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
改德生G88 - 加装等响度低音提升电路
2021/03/02 无线电
PHP应用JSON技巧讲解
2013/02/03 PHP
PHP中创建图像并绘制文字的例子
2014/11/19 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
PHP bin2hex()函数基础实例讲解
2019/02/11 PHP
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
JavaScript 面向对象的 私有成员和公开成员
2010/05/13 Javascript
js取得url地址参数实例
2013/02/22 Javascript
jquery如何把参数列严格转换成数组实现思路
2013/04/01 Javascript
AngularJs Javascript MVC 框架
2016/06/20 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
layui给下拉框、按钮状态、时间赋初始值的方法
2019/09/10 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
简单谈谈Python中的反转字符串问题
2016/10/24 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
python输入多行字符串的方法总结
2019/07/02 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
Flask框架实现的前端RSA加密与后端Python解密功能详解
2019/08/13 Python
解决pytorch GPU 计算过程中出现内存耗尽的问题
2019/08/19 Python
Python注释、分支结构、循环结构、伪“选择结构”用法实例分析
2020/01/09 Python
Python dict和defaultdict使用实例解析
2020/03/12 Python
python的help函数如何使用
2020/06/11 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
关于前端上传文件全面基础扫盲贴(入门)
2019/08/01 HTML / CSS
香蕉共和国工厂店:Banana Republic Factory
2018/06/09 全球购物
美国传奇滑手Paul Rodriguez创办的街头滑板品牌:Primitive Skateboarding
2019/10/29 全球购物
市场总经理岗位职责
2014/04/11 职场文书
机关作风整顿个人整改措施思想汇报
2014/09/29 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
Python实现socket库网络通信套接字
2021/06/04 Python
JS中如何优雅的使用async await详解
2021/10/05 Javascript
PHP遍历数组的6种方式总结
2021/11/17 PHP
html粘性页脚的具体使用
2022/01/18 HTML / CSS