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 index()方法使用代码
Jun 02 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
Apr 12 Javascript
鼠标滑上去后图片放大浮出效果的js代码
May 28 Javascript
JS模拟自动点击的简单实例
Aug 08 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
解析Node.js异常处理中domain模块的使用方法
Feb 16 Javascript
javascript解决小数的加减乘除精度丢失的方案
May 31 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
使用原生js+canvas实现模拟心电图的实例
Sep 20 Javascript
给vue项目添加ESLint的详细步骤
Sep 29 Javascript
vue实现可拖拽的dialog弹框
May 13 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
iis下php mail函数的sendmail配置方法(官方推荐)
2012/04/25 PHP
通过PHP的内置函数,通过DES算法对数据加密和解密
2012/06/21 PHP
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
关于Zend Studio 配色方案插件的介绍
2013/06/24 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
2010/03/05 Javascript
jquery清空textarea等输入框实现代码
2013/04/22 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
2014/02/21 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
RequireJS简易绘图程序开发
2016/10/28 Javascript
AngularJS Select(选择框)使用详解
2017/01/18 Javascript
简单实现js无缝滚动效果
2017/02/05 Javascript
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
详解vuex 中的 state 在组件中如何监听
2017/05/23 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
2018/04/19 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
Python中的__SLOTS__属性使用示例
2015/02/18 Python
Python中IP地址处理IPy模块的方法
2019/08/16 Python
Python可变对象与不可变对象原理解析
2020/02/25 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
妇产科护士自我鉴定
2013/10/15 职场文书
技校教师求职简历的自我评价
2013/10/20 职场文书
清华大学自主招生自荐信
2014/01/29 职场文书
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
部队反四风对照检查材料
2014/09/26 职场文书
师范生见习总结范文
2015/06/23 职场文书
论语读书笔记
2015/06/26 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书