ES6参考---...运算符
一、总结
一句话总结：
1、rest(可变)参数：用来取代arguments 但比arguments灵活,只能是最后部分形参参数
2、扩展运算符：扩展运算符：arr1 = [1,3,5];arr2 = [2,...arr1,6]; ...arr1代表1,3,5
1. rest(可变)参数
* 用来取代arguments 但比arguments灵活,只能是最后部分形参参数
function add(...values) {
let sum = 0;
for(value of values) {
sum += value;
}
return sum;
}
2. 扩展运算符
let arr1 = [1,3,5];
let arr2 = [2,...arr1,6];
arr2.push(...arr1);
1、...运算符的两个作用？
1、rest(可变)参数：用来取代arguments 但比arguments灵活,只能是最后部分形参参数
2、扩展运算符：扩展运算符：arr1 = [1,3,5];arr2 = [2,...arr1,6]; ...arr1代表1,3,5
1. rest(可变)参数
* 用来取代arguments 但比arguments灵活,只能是最后部分形参参数
function add(...values) {
let sum = 0;
for(value of values) {
sum += value;
}
return sum;
}
2. 扩展运算符
let arr1 = [1,3,5];
let arr2 = [2,...arr1,6];
arr2.push(...arr1);
二、...运算符
博客对应课程的视频位置：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>07_3点运算符</title> 6 </head> 7 <body> 8 <!-- 9 * 用途 10 1. rest(可变)参数 11 * 用来取代arguments 但比arguments灵活,只能是最后部分形参参数 12 function add(...values) { 13 let sum = 0; 14 for(value of values) { 15 sum += value; 16 } 17 return sum; 18 } 19 2. 扩展运算符 20 let arr1 = [1,3,5]; 21 let arr2 = [2,...arr1,6]; 22 arr2.push(...arr1); 23 --> 24 <script type="text/javascript"> 25 function fun(...values) { 26 console.log(arguments); 27 // arguments.forEach(function (item, index) { 28 // console.log(item, index); 29 // }); 30 console.log(values); 31 values.forEach(function (item, index) { 32 console.log(item, index); 33 }) 34 } 35 fun(1,2,3); 36 37 let arr = [2,3,4,5,6]; 38 let arr1 = ['abc',...arr, 'fg']; 39 console.log(arr1); 40 41 42 </script> 43 44 </body> 45 </html>