扩展运算符 “...“的使用

<meta charset="utf-8"/>
<style>

</style>
<span></span>
<span></span>
<span></span>
<span></span>

<script>
/*	
	扩展运算符： 能将数组 转化为 逗号分隔的 【参数序列】
*/
const music = ['乡村音乐','流行','摇滚','民俗'];
// es6写法
let d = (...ree) =>{
	 console.log(ree);
}
// 之前写法
/*function d(){
	console.log(arguments);
}*/

d(...music);
/*
	返回的结果:
	4) ["乡村音乐", "流行", "摇滚", "民俗"]
*/

// 应用案例： 数组的合并
const films = ['老男孩','中南海保镖','全球风暴'];
const television = ['潜伏','那年月正圆','战旗'];
// 1组合数据拼装：
const ft = [...films,...television];
console.log(ft);
// 返回结果：(6) ["老男孩", "中南海保镖", "全球风暴", "潜伏", "那年月正圆", "战旗"]

// 2数组的复制
const robot = ['wi-01系列','天启系列','g系列'];
const copyData = [...robot];
console.log(copyData);
// 返回结果：,(3) ["wi-01系列", "天启系列", "g系列"]

// 3.将伪数组转化为真正的数组
const  span = document.querySelectorAll('span');
console.log(span);
//  返回结果：NodeList(4) [span, span, span, span]
//  接下来利用扩展运算符
const spanArr = [...span];
console.log(spanArr);


</script>