09_扩展运算符

扩展运算符

功能:将 [ 数组 ] 转换为逗号分隔的 [ 参数序列 ]

// 声明一个数组
const arr = ['赵四', '刘能']
function fn(...args) {
    console.log(args)
}
fn(...arr) // ["赵四", "刘能"] 等同于 fn("赵四", "刘能")

应用

// 1. 数组的合并
const arr1 = ['张三', '李四', '王五']
const arr2 = ['赵六', '燕青']
const arr3 = arr1.concat(arr2)
const arr4 = [...arr1, ...arr2] // ['张三', '李四', '王五', '赵六', '燕青']
// 2. 数组的克隆
const arr5 = ['E', 'G', 'M']
const arr6 = [...arr5]
console.log(arr6) // ['E', 'G', 'M']
// 3. 将为数组转为真正的数组
const divs = document.querySelectionAll('div')
const divArr = [...divs]
console.log(divArr) // [div, div, div] 可以使用数组方法
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容