ES6扩展运算符用法实例分析
更新时间：2017年10月31日 08:59:09 作者：juzipchy
这篇文章主要介绍了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的程序设计有所帮助。
相关文章
这篇文章主要给大家介绍了关于微信小程序开发之组件设计规范的相关资料，对刚入门学习微信小程序的同学们还是挺有帮助的，需要的朋友可以参考下2021-05-05
这篇文章主要为大家详细介绍了JavaScript实现省市区三级联动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了Javascript 多物体运动的实现,需要的朋友可以参考下2014-12-12
我的模板系统升一下级, 继续在新公司里面用。 现在几在互联网公司没有不用javascript模板了， 什么TX， 百度， 新浪， 360什么的， 最后瀑布流的流行， 里面又有许多用到模板2012-03-03
TypeScript与JavaScript项目里引入MD5校验和
这篇文章主要介绍了TypeScript与JavaScript项目里引入MD5校验和，MD5校验和可以用于验证网络文件传输的完整性以及防止文件被人篡改。下文我们就一起来学习TypeScript与JavaScript项目里引入MD5校验和_MD5校验,需要的朋友可以参考一下2022-02-02
uniapp 如何设置 tabbar 的 midButton 按钮
在UniApp开发中,设置TabBar的midButton按钮可以增加用户交互的便利性,本文介绍了在App.vue中监听事件的方法,并提供了官方文档链接作为参考,通过这种方式可以实现TabBar中的特殊按钮功能,提升应用的用户体验2024-10-10
这篇文章主要为大家介绍了JavaScript Window.open 弹窗使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-11-11
深入理解JS中Number()，parseInt()，parseFloat()三者比较
这篇文章主要介绍了JS中Number()，parseInt()，parseFloat()三者比较,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了扩展Bootstrap Tooltip插件使其可交互的方法,结合实例形式分析了bootstrap扩展tooltip插件的原理与具体操作技巧,需要的朋友可以参考下2016-11-11
这篇文章主要为大家详细介绍了layui实现登陆界面验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
最新评论