当前位置：首页 > 资讯 > 技术文档

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

时间：2022-08-12 14:56 编辑：来源：阅读：
扫一扫，手机访问

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

本文实例讲述了ES6扩展运算符用法。分享给大家供大家参考，具体如下：扩展运算符用三个点号表示，功能是把数组或类数组对象展开成一系列用逗号隔开的值，扩展运算符有以下几点作用 [b]一、展开数组[/b]

//展开数组
let a = [1,2,3,4,5],
b = [...a,6,7];
console.log(b);
//打印出来的值[1, 2, 3, 4, 5, 6, 7]

[b]二、数组的拷贝[/b]

//数组的拷贝
var c = [1, 2, 3];
var d = [...c]; 
d.push(4); 
console.log(d);
//打印出来的值[1, 2, 3, 4]

[b]三、数组的合并[/b]

//数组的合并
var j = [7, 1, 2];
var k = [5, 0, 8];
j = [...k, ...j];
console.log(j)
//打印出来的值[5, 0, 8, 7, 1, 2]

[b]四、展开函数的调用[/b]

//展开函数调用
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）是三个点（…），将一个数组||类数组||字符串转为用逗号分隔的序列。这家伙是用来对数组进行操作的，把数组里面的东西统统拿出来更多相关内容可查看本站专题：《[url=http://www.1sucai.cn/Special/939.htm]ECMAScript6(ES6)入门教程[/url]》、《[url=http://www.1sucai.cn/Special/278.htm]JavaScript数组操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/933.htm]JavaScript字符与字符串操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/297.htm]JavaScript数据结构与算法技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/439.htm]JavaScript错误与调试技巧总结[/url]》及《[url=http://www.1sucai.cn/Special/85.htm]javascript面向对象入门教程[/url]》希望本文所述对大家基于ECMAScript的程序设计有所帮助。

全部评论(0)

上一篇：让你的博文自动带上缩址的实现代码，方便发到微博客上
下一篇：找出字符串中出现次数最多的字母和出现次数精简版

资讯排行榜
更多>>