ES6新特性 扩展运算符 rest参数

1. rest参数的基本使用

function fruits(...args) {
  console.log(args)
}
fruits('apple', 'banana', 'orange')

2. 多个参数rest参数放最后

// 2. 多个参数rest要放到参数最后
function number(num1, num2, num3, ...args) {
  console.log(num1, num2, num3, args)
}

3.扩展运算符：… （数组）

let num = [1, 3, 5, 'hello']
function number() {
  console.log(arguments)
}
number(...num) // 等价于  number(1, 3, 5, 'hello)

扩展运算符的应用

	// ① 数组的合并
	let arr = ['海王', '霸王别姬', '末代皇帝', '钢铁侠',{ id: 1, name: 'ok', status: 200}]
    let arr1 = ['blue', 'skyblue', 'deepblue']
    let arr2 = [...arr, ...arr1]
    console.log(arr2)
	// ② 数组的克隆
    const color = ['blue', 'red', 'green']
    const rgb = [...color]
    console.log(rgb)
    // ③ 将为数组转为正真的数组
    let divs = document.querySelectorAll('div')
    const divArr = [...divs]
    console.log(divArr)