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)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值