ES6新特性--扩展运算符

1. 扩展运算符(扩展运算符:...)扩展运算符可以把[数组]转化为'逗号'分隔的参数序列

(1).扩展运算符基本使用

//声明一个数组
const arr = ['张三', '李四', '王五'];

function name() {
  console.log(arguments);
}
//调用
name(...arr);//等价于:name('张三','李四','王五');

1. 扩展运算符的应用

(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>