JavaScript扩展运算符用法实例小结【基于ES6】

本文实例讲述了JavaScript扩展运算符用法。分享给大家供大家参考,具体如下:

<强>扩展运算符格式很简单,就是三个点(…)

<强>扩展运算符作用? ? ?

　　

扩展运算符允许一个表达式在期望多个参数(用于函数调用)或多个元素(用于数组字面量)或多个变量(用于解构赋值)的位置扩展。

　　 　　

<强> 1,将一个数组放入另一个数组中

　　

下面开始通过四个例子来深刻理解扩展运算符

　　

①。创建一个数中间组
　　②。创建第二个包含中间的数组
　　③。输出结果

　　 　　 　　中间var=(3、4); 　　var arr=[中产,1、2、5、6); 　　console.log (arr);//[1,2,3,4),5、6) 　　 　　之前 　　 　　

在上例中,没有使用扩展运算符.middle作为数组放入另一个数组中

　　

<强> 2,如果想让输出结果只有一个数组? ? ?

　　

这时候就用到扩展运算符,看下面例子,除了使用扩展运算符其他都与上面例子相同。

　　 　　 　　中间var=(3、4); 　　var arr=[1, 2,…中间,5、6]; 　　console.log (arr);//(1、2、3、4、5、6) 　　 　　之前 　　 　　

当创建数arr组和使用在中间数组上使用扩展运算符时,不是将中间数组直接插入到加勒比海盗中,而是将中间数组扩展,然后将元素插入到加勒比海盗中。

　　

<强> 3,复制数组

　　

<代码>片()是JavaScript数组的方法,作用是复制数组。我们同样可以使用扩展运算符复制数组。

　　 　　 　　var arr=[' a ', ' b ', ' c '); 　　var arr2=arr […]; 　　console.log (arr2);//(a, b, c的) 　　 　　之前 　　 　　

arr数组中的元素扩展成为单独元素被分配到arr2中。现在可以随意改变arr2数组,且都不会对源数的arr组产生影响

　　

这是因为,arr数组值被扩展后添加到arr2数组中,我们设置arr2等于加勒比海盗的值,而不是其本身。我们可以关注没有扩展运算符时发生事情,就能理解了。
　　

　　

如果创建数组然后设置另一个数组等于其本身,如下:

　　 　　 　　var arr=[' a ', ' b ', ' c '); 　　var arr2=arr; 　　console.log (arr2);//(a, b, c的) 　　 　　之前 　　 　　

现在我们将arr2数组赋值给arr数组,这意味着只要改变arr2, arr数组就会发生变化。

　　 　　 　　arr2.push (' d '); 　　console.log (arr2);//(a, b, c, d的) 　　console.log (arr);//(a, b, c, d的) 　　 　　之前 　　 　　

<强> 4,拼接数组

　　

使用扩展运算符可以代替<代码> concat() 来拼接数组。

　　 　　 　　var arr=[' a ', ' b ', ' c '); 　　var arr2=[' d ', ' e ', ' f ']; 　　arr1=arr.concat (arr2); 　　console.log (arr);//(a, b, c, d, e, f] 　　 　　之前 　　 　　

使用扩展运算符

　　 　　 　　var arr=[' a ', ' b ', ' c '); 　　var arr2=[' d ', ' e ', ' f ']; 　　arr=[…加勒比海盗,……arr2); 　　console.log (arr);//(a, b, c, d, e, f] 　　 　　之前 　　 　　

<强> 5、数学

　　

也可以使用数学函数连同扩展运算符。如这个例子中,将使用<代码> Math.max()

　　 　　 　　Math.max()将返回一组数最大值。 　　Math.max ();//? 　　数学。马克斯(1、2、3);//3 　　数学。马克斯(100年3、4);//100 　　 　　之前 　　 　　

在没有扩展运算符,在数组上使用<代码> Math.max() 最容易方法就是使用<代码>苹果()。

　　 　　 　　var arr=(2、4、8、6 0]; 　　函数马克斯(arr) { 　　Math.max返回。应用(null, arr); 　　} 　　console.log (max (arr));//8 　　 　　之前 　　 　　

现在看看使用扩展运算符做同样事情。只需要两行代码就可以做到同样效果。

　　 　　 　　var arr=(2、4、8、6 0]; 　　var max=Math.max arr (…); 　　console.log (max);//8 　　 　　之前 　　 　　

<强> 6字符串转数组

　　

使用扩展运算符将字符串转换为数组。
　　

　　 　　 　　var str=澳愫谩? 　　var识字课=[…str); 　　console.log(字符);//[' h ', ' e ', ' l ', ' l ', ' o '] 　　之前 　　 　　

感兴趣的朋友可以使用:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

JavaScript扩展运算符用法实例小结【基于ES6】