更新时间:2023-08-23 来源:黑马程序员 浏览量:
扩展运算符和剩余参数的作用是相反的,扩展运算符可以将数组或对象转换为用逗号分隔的参数序列。扩展运算符服3个点“…”表示。下面介绍扩展运算符的使用方法进行详细讲解。
扩展运算符的语法
下面通过代码演示扩展运算符在数组中的使用,示例代码如下:
<script> let ary = [1, 2, 3]; //...ary相当于1,2,3 //输出结果:123 console.log(..ary); // 等价于 console.log(1, 2, 3); //输出结果:1 2 3 </script>
上述代码中,第2行代码使用let关键字声明了一个ary数组,数组中有3个值,分别为1、2、3。第4行代码在数组变量名ary的前面添加3个点“…”,表示将数组元素拆分成以逗号分隔的参数序列。console.log0方法可以接收多个参数,多个参数以逗号分隔,表示一次输出多个内容。
使用扩展运算符将ary数组拆分成以逗号分隔的参数序列后,又将参数序列放在了console.log()方法中,此时参数序列中的号会被当成console.log0方法的参数分隔符,所以输出结果中没有逗号。
利用扩展运算符合并数组
扩展运算符可以用于合并数组,通常有以下两种方法,下面分别进行讲解。首先演示合并数组的第l种方法,示例代码如下:
<script> let aryl = [1, 2, 3]; let ary2 = [4, 5, 6]; // …aryl // 表示将ary1数组拆分成1,2,3 // …ary2 // 表示将ary2数组拆分成4,5,6 let ary3 - (… hmyl, …ary2); console.log(ary3); // 输出结果:(6)[1,2,3,4,5,6] </script>
上述代码中,第2行代码使用let关键字声明了一个aryl数组,数组中有3个值,分别为1、2、3。第3行代码声明了一个arny2数组,其中有3个值,分别为4、5、6。第6行代码声明了一个ary3数组,其中存储了aryl和ary2的参数序列,这样ary3数组中就包括aryl数组和ary2数组中的值。第7行代码使用console.log()方法在控制台中查看输出结果。
下面通过代码演示合并数组的第2种方法,示例代码如下。
<script> let aryl = [1, 2, 3]; let ary2 = [4, 5, 6]; aryl.push(...ary2); console log (ary1); //输出结果:(6)[1,2,3,4,5,6] </script>
上述代码中,第4行代码的push0方法用于将元素追加到数组中,这个方法可以接收多个参数,并且可以一次将多个参数追加到数组中,参数之间用逗号进行分隔。因为不能将ary2数组本身传递给push0方法,所以可以使用扩展运算符将ary2数组中的元素拆分成以逗号分隔的参数序列,然后将参数序列直接放到push0方法中,也就是使用aryL.push(.ary2)方法将ary2数组中的元素追加到aryl数组中,实现数组的合并。
【AI设计】北京143期毕业仅36天,全员拿下高薪offer!黑马AI设计连续6期100%高薪就业
2025-09-19【跨境电商运营】深圳跨境电商运营毕业22个工作日,就业率91%+,最高薪资达13500元
2025-09-19【AI运维】郑州运维1期就业班,毕业14个工作日,班级93%同学已拿到Offer, 一线均薪资 1W+
2025-09-19【AI鸿蒙开发】上海校区AI鸿蒙开发4期5期,距离毕业21天,就业率91%,平均薪资14046元
2025-09-19【AI大模型开发-Python】毕业33个工作日,就业率已达到94.55%,班均薪资20763元
2025-09-19【AI智能应用开发-Java】毕业5个工作日就业率98.18%,最高薪资 17.5k*13薪,全班平均薪资9244元
2025-09-19