【 ES6 】扩展运算符

定义

• 当用在函数定义时的形参前面时,称为 rest / 剩余 参数
• 当用在字符串或数组前面时称为扩展运算符,将数组或字符串进行拆解.

剩余参数

• ...args
• 将一个不定数量的参数表示为一个数组
• 剩余参数是一个真正的数组实例 可以使用数组的方法

        function data(){
        	console.log(arguments)
        }
        data('HTML','CSS','JavaScript','Vue','Node')
        // __proto__: Object
 
        // 剩余rest参数 替代arguments
        // rest参数必须要放在最后
        function datas(a,...args){
        	console.log(a) // HTML
        	console.log(...args) // CSS JavaScript Vue Node
        }
        datas('HTML','CSS','JavaScript','Vue','Node')

扩展运算符

• 将一个数组转为用逗号分隔的参数序列

	const courses = ['HTML','CSS','JavaScript','Vue','Node']
    console.log(...courses)
    // HTML CSS JavaScript Vue Node

• 数组合并

	const courses = ['HTML','CSS','JavaScript']
    const teachers = ['Bucky','Henry','Summer']
	
	console.log([...courses,...teachers])
    // ["HTML", "CSS", "JavaScript", "Bucky", "Henry", "Summer"]

• 数组克隆

	const courses = ['HTML','CSS','JavaScript']
    const newCourses = [...courses]
	
	console.log(newCourses)
	// ["HTML", "CSS", "JavaScript"]

• 伪数组转换为真数组

    const divs = document.querySelectorAll('div')
    console.log(divs)
    
    const array = [...divs]
    console.log(array)
    // [div, div, div]