<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div></div>
<div></div>
<div></div>
</body>
<script>
// 扩展运算符能将数组转为逗号分隔的参数序列
// 声明一个数组
const tfboys=['小白','小红','小兰'];
// 声明一个函数
function chunwan(){
console.log(arguments);
}
chunwan(...tfboys);
// 用法1 数组合并
const arr1=['aaa','bbb'];
const arr2=['ccc','ddd'];
// 以前的写法
// const addResult=arr1.concat(arr2)
// 使用扩展运算符
const addResult=[...arr1,...arr2];
console.log(addResult)
// 用法2 数组克隆
const sanzhihua=['E','G','M'];
const sanyecao=[...sanzhihua];
console.log(sanyecao)
// 用法3 将伪数组转为真正的数组
const divs=document.querySelectorAll('div');
const divArr=[...divs];
console.log(divArr)
</script>
</html>