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 相关文章推荐
地址栏上的一段语句,改变页面的风格。(教程)
Apr 02 Javascript
js 加载时自动调整图片大小
May 28 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
解决js函数闭包内存泄露问题的办法
Jan 25 Javascript
js实现的页面矩阵图形变换特效
Jan 26 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
简单易懂的天气插件(代码分享)
Feb 04 Javascript
ES6新特性一: let和const命令详解
Apr 20 Javascript
javascript观察者模式实现自动刷新效果
Sep 05 Javascript
react.js组件实现拖拽复制和可排序的示例代码
Aug 20 Javascript
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
Aug 24 Javascript
bootstrap-table+treegrid实现树形表格
Jul 26 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将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
php实现格式化多行文本为Js可用格式
2015/04/15 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
js prototype 格式化数字 By shawl.qiu
2007/04/02 Javascript
非常漂亮的JS代码经典广告
2007/10/21 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
Query中click(),bind(),live(),delegate()的区别
2013/11/19 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
javascript 闭包详解
2015/07/02 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
2015/07/27 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
JavaScript的设计模式经典之建造者模式
2016/02/24 Javascript
JavaScript 正则表达式中global模式的特性
2016/02/25 Javascript
js获取元素的外链样式的简单实现方法
2016/06/06 Javascript
JS中使用FormData上传文件、图片的方法
2016/08/07 Javascript
AngularJS 单元测试(一)详解
2016/09/21 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
AngularJS全局警告框实现方法示例
2017/05/18 Javascript
jsTree事件和交互以及插件plugins详解
2017/08/29 Javascript
JS中的BOM应用
2018/02/02 Javascript
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
微信小程序时间标签和时间范围的联动效果
2019/02/15 Javascript
Vue 禁用浏览器的前进后退操作
2020/09/04 Javascript
天翼开放平台免费短信验证码接口使用实例
2013/12/18 Python
深入解析Python编程中super关键字的用法
2016/06/24 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
年度评优评先方案
2014/06/03 职场文书
幼儿园爱国卫生月活动总结
2014/06/30 职场文书
物业管理委托协议(2篇)
2014/09/23 职场文书
聊聊Python String型列表求最值的问题
2022/01/18 Python