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 相关文章推荐
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
Aug 28 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 Javascript
全面解析Bootstrap排版使用方法(文字样式)
Nov 30 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
你可能不知道的JSON.stringify()详解
Aug 17 Javascript
十分钟带你快速了解React16新特性
Nov 10 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
Dec 10 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
77A一级收信机修理记
2021/03/02 无线电
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
JavaScript网页制作特殊效果用随机数
2007/05/22 Javascript
js操作textarea 常用方法总结
2012/12/03 Javascript
JS 获取select(多选下拉)中所选值的示例代码
2013/08/02 Javascript
用模版生成HTML的的框架jquery.tmpl使用详解
2015/01/07 Javascript
JavaScript移除数组内重复元素的方法
2015/03/18 Javascript
详解JavaScript中数组和字符串的lastIndexOf()方法使用
2016/03/13 Javascript
理解javascript对象继承
2016/04/17 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
js智能获取浏览器版本UA信息的方法
2016/08/08 Javascript
JavaScript中splice与slice的区别
2017/05/09 Javascript
react router 4.0以上的路由应用详解
2017/09/21 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
2017/10/24 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
从0到1构建vueSSR项目之node以及vue-cli3的配置
2019/03/07 Javascript
vue+element模态框中新增模态框和删除功能
2019/06/11 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
jQuery实现聊天对话框
2020/02/08 jQuery
深入解析Python中的变量和赋值运算符
2015/10/12 Python
Python爬虫学习之获取指定网页源码
2019/07/30 Python
python+requests接口自动化框架的实现
2020/08/31 Python
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
竞选体育委员演讲稿
2014/04/26 职场文书
火锅店的活动方案
2014/08/15 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
倡议书范文大全
2015/04/28 职场文书
道歉短信大全
2015/05/12 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
企业法律事务工作总结
2015/08/11 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书
浅析NIO系列之TCP
2021/06/15 Java/Android
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python