扩展运算符

扩展运算符

又称剩余运算符，三个点运算符

扩展运算符的作用

1.将数组转换为字符串 -->扩展(展开数组)

let arr=[1,2,3,4,5];
			console.log(arr.join(" "));
			console.log(...arr);
			console.log(1,...[2,3,4],5);
			console.log(...document.querySelectorAll("div"));

2.克隆数组

const a1=[1,2];
			// 写法一
			// const a2=[...a1]; //[1,2]
			// console.log(a1,a2); //[1,2] [1,2]
			// 写法二
			const [...a2]=a1;
			console.log(...a1,...a2);

3.合并数组

const arr1=['a','b'];
			const arr2=['c'];
			const arr3=['d','e'];
			const arr4=`${arr1},${arr2},${arr3}`;

4.替代arguments

es6箭头函数不能用arguments，所以用扩展运算符就发挥作用了，替代arguments

function demo(...a){
				// 如果只有a则只能传递一个，如果加上三个点就扩展了功能，三个点称之为重置reset
				let sum=0;
				for(let i=0;i<a.length;i++){
					sum+=a[i];
				}
				console.log(sum)
			}
			demo(1,2,3,4,5);