ES6新增数组方法

1.includes()

[1, 2, 3].includes(2)

indexof要去比较是否不等于-1,表达起来不够直观;而且它内部使用严格相等运算符(===)进行判断,这会导致NaN不等于NaN

4.扩展运算符

console.log(...[1, 2, 3]) // // 1 2 3

主要用于函数调用:
// ES5 的写法
Math.max.apply(null, [14, 3, 77])
// ES6 的写法
Math.max(...[14, 3, 77])

优化某些方法:
// ES5
Array.prototype.push.apply(arr1, arr2);
// ES6
arr1.push(...arr2);

深拷贝数组:
const a1 = [1, 2];
// 写法一
const a2 = [...a1];
// 写法二
const [...a2] = a1;

3.Array.from()将伪数组对象转换为数组
常见伪数组对象:

// arguments对象
function foo() {
  const args = [ ...arguments ]
}
// NodeList对象
[ ...document.querySelectorAll('div') ]

// ES5的写法
var arr1 = [].slice.call(arrayLike)
// ES6的写法
let arr2 = Array.from(arrayLike)

4.find(fn)返回符号条件的第一个元素
findIndex(fn)返回符号条件的第一个元素的索引

[1, 4, -5, 10].find((item) => {
  return item < 0
})

[1, 4, -5, 10].findIndex((item) => {
  return item < 0
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值