多语言展示
当前在线:1106今日阅读:195今日分享:41

如何使用ES6中的rest参数和扩展运算符合并数组

在ES6中新加的特性中,rest参数可以用于获取函数中的多个参数,而扩展运算符可以将数组转换成一个以逗号间隔的参数列表,还可以对数组进行合并。下面利用实例说明这两个的用法,操作如下:
工具/原料
1

ES6

2

JavaScript

3

HTML5

4

CSS3

5

HBuilderX

6

浏览器

7

截图工具

方法/步骤
1

第一步,在新建的JS文件中,定义函数queryNames,传入参数first,以及另一个参数last,如下图所示:

2

第二步,接着在定义函数下调用这个函数,然后打印第二个参数值,如下图所示:

3

第三步,使用同样的方法定义函数calSum,传入三个参数x、y和z,返回值为这三个参数的和;定义一个数组nums,传入到函数calSum中,如下图所示:

4

第四步,保存代码并直接运行这个文件,结果浏览器控制台显示数组和三个undefined,如下图所示:

5

第五步,返回工具中修改代码,在调用calSum函数时传入参数nums,添加三个点符号,如下图所示:

6

第六步,如果想要定义多个数组,然后将数组中的元素拼接起来,可以使用扩展运算符,如下图所示:

注意事项
1

注意ES6中的rest参数的用法

2

注意使用ES6中的扩展运算符进行合并数组

推荐信息