ES6新特性|数组的扩展

1. 拓展运算符…

(1)基本用法

  • 数组转参数序列(逗号分隔)
let arr = [1,2,3];

console.log(...arr);  // 1 2 3
  • 函数调用
let arr = [1,2];

function add(x,y) {
   
    console.log(x+y);
};

add(...arr);  // 3
  • 扩展运算符可以放置表达式
const arr = [
    ...(x>0 ? ['a']:[]),
    'b',
]
  • 如果扩展运算符后面是一个空数组,则不产生任何效果

(2)代替数组的apply方法

由于扩展运算符可以展开数组,所以不需要再apply方法,将数组转为函数的参数

function fn(x, y, z) {
   
    console.log(x, y, z);
};

let args = [1,2,3];

// ES5写法
fn.apply(null, args);  // 1 2 3

// ES6写法
fn(...args);  // 1 2 3
  • 简化求出一个数组最大元素
let args = [1,2,3,4,5];

// ES5 写法
console.log(Math.max.apply(null,args))  // 5


// ES6 写法
console.log(Math.max(...args));   // 5
  • 通过push函数,将一个数组添加到另一个数组的尾部
let arr1 = [
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值