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

网友投稿 300 2023-03-22


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面向对象入门教程》

希望本文所http://述对大家基于ECMAScript的程序设计有所帮助。


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:React Native使用Modal自定义分享界面的示例代码
下一篇:api 网关对比(api网关架构)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~