其他相关 es6 文章: 简介 · 块级作用域 · const命令 · 解构赋值 · 数组（一）

ES6 数组新增的方法 part2

1. find( fn(val, index, arr) )

查找第一个符合fn的值，fn应该返回t/f，查不到返回 undefined

[1,2,3].find(function(val){
　return val>1;
})
//2

注：比indexOf跟强大，且可查找NaN

2. findIndex( fn(val, index, arr) )

类似 find ，返回符合fn的下标，查不到返回-1

3. keys() 返回数组所有key组成的遍历器对象

遍历器对象会在后面详解，它可以使用 for ... of 遍历

let arr=[1,2,3];
for(let i of arr.keys()){
　console.log(i)
}
//1
//2
//3

4. values() 类似 keys() ，返回所有value

5. entries() 返回所有 key value

var arr=[1,2,3];
for(let i of arr.entries()){
　console.log(i)
}
//[0,1] [下标,值]
//[1,2]
//[2,3]

6. Array.from(arrlike, [ fn(value) ])

将类数组转换为数组，替代 Array.prototype.slice.call ，fn用来返回新值。

常见的类数组

• DOM操作返回的是节点集合

let p=document.getElementsByTagName("p");
Array.from(p).forEach(fn...);

//正常情况下也可使用for循环，长度为类数组的length

• 函数内部的arguments也是类数组

注：具有Iterator接口的都可使用 Array.from()

除了上述方法以外，还有其他诸如 数组填充fill() 等不怎么用到的方法，这里就不再列出 。

本篇文章就到这里，下篇文章> es6函数。

推荐阅读：【ES6 标准入门】

【前方雾大，关注一下不迷路 = 。=】

【html】【css】【html】【css】【前端开发】【javascript】【html】【javascript】【前端开发】【css】【javascript】【css】【前端开发】