当前位置:首页 > 日记 > 正文

ES6扩展运算符用法实例分析

ES6扩展运算符用法实例分析

本文实例讲述了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的程序设计有所帮助。

相关文章

Photoshop合成极具吸引力的蜗牛背

Photoshop合成极具吸引力的蜗牛背

极具,蜗牛,吸引力,商海,电脑软件,关于模仿,个人的观点是:人类任何的进步都是从模仿开始。其实任何大师在自己的风格还没有出现之前,都有一段漫长的模仿阶段。所以不要太在意前期的模仿,当然,不要生抄,要学习方法。只要在模仿中学到了方法,未来震撼…

js+css3实现旋转效果

js+css3实现旋转效果

效果,电脑软件,js,我的前面一张文章实现了用css3制作旋转的效果,现在呢,我换另外一种方法来实现.就是使用js结合css3的方法来实现的.下面我就先上图给大家看看效果吧下面呢我先放上我的css代码,代码很简单:.one{width:200px;height: 200px;…

webpack3之loader全解析

webpack3之loader全解析

电脑软件,loader,首先亮出webpack官方网站,webpack能干什么?官网给出的答案就是,一句话,让一切变得简单!各式各样的loader层出不穷,让我们在构建时不知所措,于此,总结下loader的全解析。概念loader,顾名思义,加载器,英文的解释如下:Loaders are transfo…

QQ空间打不开的解决方法有哪些

QQ空间打不开的解决方法有哪些

解决方法,空间,打不开,有哪些,电脑软件,  QQ空间是腾讯公司出品的个性空间,用户群很广,很多网友在使用时会遇到QQ空间打不开的问题,qq空间进不去是什么原因?怎么解决?下面小编就为大家介绍一下QQ空间打不开的解决方法,一起来看看吧!QQ空间…

Excel表格中怎么突出凸显查询到的

Excel表格中怎么突出凸显查询到的

查询,数据,表格,电脑软件,行数,  凸显查询到的数据行,用好可以达到防止串行的作用。特别对于Excel数据源非常多,核对的时候容易看错行,看花眼的时候拿出来应对一下。以下是小编为您带来的关于Excel突出凸显查询到的数据行,希望对您有所帮助。…

JS高仿抛物线加入购物车特效实现代

JS高仿抛物线加入购物车特效实现代

抛物线,购物车,特效,代码,电脑软件,1. 简介要想让你的购物车有种高大上的感觉,加入特效的功能是必不可少的。2. 实现思路 设置一些简单的样式 模拟把它添加到购物车中,数量增加 从点击的位置开始动画,结束动画 3. 代码实现CSS代码咱们给它…

Bootstrap Table 删除和批量删除

Bootstrap Table 删除和批量删除

批量删除,删除,电脑软件,Bootstrap,Table,一条记录可以看做一条数据的数组1 Html1.1 批量选择框1.2 单个删除2 bootStarp2.1 批量获得获得选择的数据//批量删除 function deleteUserList() { //获取所有被选中的记录 var …

[js高手之路]寄生组合式继承的优势

[js高手之路]寄生组合式继承的优势

继承,之路,详解,组合式,优势,在之前javascript面向对象系列的文章里面,我们已经探讨了组合继承和寄生继承,回顾下组合继承:function Person( uName ){ this.skills = [ 'php', 'javascript' ]; this.userName = uName; } …

word2016文档如何能够批量保存

word2016文档如何能够批量保存

文档,保存图片,批量,电脑软件,  word中有很多图片,一个一个的保存下来很费时间,那么word2016怎么批量保存图片。以下是小编为您带来的关于word2016文档批量保存图片,希望对您有所帮助。word2016文档批量保存图片打开word文档之后,点击命令栏…

PS中隐藏的小技巧:移动和缩放的使

PS中隐藏的小技巧:移动和缩放的使

缩放,小技巧,使用技巧,详解,电脑软件,设计师的每一天基本都在和PS打交道,然而你真正了解过PS中隐藏的小技巧吗?总有你不知道一些小技巧,这些技巧可极大的提升你的工作效率,下面一起来学习吧。适用对象:童叟无欺、老少皆宜有任何疑问,可留言交流1…

powerpoint幻灯片无法全屏播放怎么

powerpoint幻灯片无法全屏播放怎么

全屏,方法,幻灯片,电脑软件,powerpoint,  我们在使用ppt的时候,偶尔会出现不能全屏放映的问题,对于这样的问题,我们应该如何解决呢?下面就让小编告诉你如何解决ppt不能全屏放映问题,希望小编收集的资料对大家有帮助?解决ppt不能全屏放映问题…

React-Native 组件之 Modal的使用

React-Native 组件之 Modal的使用

组件,详解,电脑软件,React,Native,Modal组件可以用来覆盖包含React Native根视图的原生视图(如UIViewController,Activity),用它可以实现遮罩的效果。属性Modal提供的属性有:animationType(动画类型) PropTypes.oneOf([‘none', ‘slide', ‘fad…