本文实例讲述了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的程序设计有所帮助。
canvas绘制爱心的几种方法总结(推荐)
第一种方法代码实现的一种方法!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"title使用桃心形方程绘制爱心/title/headbodycanvas/canvasscriptvarcanvas=document.querySelector('canv
js 获取json数组里面数组的长度实例
作为一个前端页面开发者第一次处理json数据,遇到了‘js获取json数组里面数组的长度'?竟然不知道json没有.length属性(真是要嘲讽下自己),少壮不努
ES6解构赋值实例详解
本文实例讲述了ES6解构赋值。分享给大家供大家参考,具体如下:基本用法let[x,y,...z]=['a']//"a",undefined,[]1.等号右边如果不是数组,将会报错(不是可遍