-
扩展运算符(扩展运算符:...)扩展运算符可以把[数组]转化为'逗号'分隔的参数序列
(1).扩展运算符基本使用
//声明一个数组
const arr = ['张三', '李四', '王五'];
function name() {
console.log(arguments);
}
//调用
name(...arr);//等价于:name('张三','李四','王五');
-
扩展运算符的应用
(1).数组的合并
const shuguo = ['刘备','张飞','关羽'];
const weiguo = ['曹操','许褚','郭嘉'];
//ES5操作,拼接操作
/* const sanguo =shuguo.concat(weiguo);
console.log("---" + sanguo) */
//使用扩展运算符,...shuguo==>'刘备','张飞','关羽'
//...weiguo==>'曹操','许褚','郭嘉'
const sanguo = [...shuguo,...weiguo]
console.log("---" + sanguo)
(2).数组的克隆(浅克隆)
//数组的克隆
const wuguo = ['孙权', '周瑜', '黄盖'];
const arr = [...wuguo];
console.log("---" + arr)
(3).将伪数组变成真正的数组
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<script>
const arrObj = document.querySelectorAll("div");//伪数组
const divArr = [...arrObj];//真数组,可以使用数组操作的内容
console.log("---" + divArr)
</script>