ES6学习笔记之数组的扩展

一、数组的扩展

1 find和findIndex方法
数组实例的find方法，用于找出第一个符合条件的数组成员，它不会遍历完整的数组。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员，就结束。如果没有符合条件的成员，则返回undefined

var arr = [2,3,4,5,6,7,8,9,10,11,12];
var index = arr.find(function(item){
    return item > 7;
});
console.log(index); //8

数组的findindex方法的用法和find一样，返回第一个符合条件的数组成员的下标位置，如果所有的成员都不符合则返回-1。

var arr = [2,3,4,5,6,7,8,9,10,11,12];
var index = arr.findIndex(function(item){
    return item > 3;
});
console.log(index); //2

2 Array.from()方法
使用“…”可以将类数组对象变为真正的数组
什么是类数组对象？就是对象的键名都是0、1、2、3、4…，并且有length属性，可以被枚举。

var obj = {
    0 : 100,
    1 : 200,
    2 : 300,
    length : 3,
}
var arr = Array.from(obj);
console.log(obj);
console.log(arr);

3 Array.of()
它可以将零散的值变为数组

var arr = Array.of(3,4,5,6,7,8);
console.log(arr);

4 Array.includes()
验证数组中是否存在某一项

var arr = [312,424,355,888,999];
console.log(arr.includes(888)); //true
console.log(arr.indexOf(888)); //下标3
console.log(arr.indexOf(888) != -1); //true

该方法的第二个参数表示搜索的起始位置，默认为0。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为-4，但数组长度为3），则会重置为从0开始。

indexOf方法有两个缺点，一是不够语义化，它的含义是找到参数值的第一个出现位置，所以要去比较是否不等于-1，表达起来不够直观。二是，它内部使用严格相等运算符（===）进行判断，这会导致对NaN的误判。

[NaN].indexOf(NaN)
// -1

includes使用的是不一样的判断算法，就没有这个问题。

[NaN].includes(NaN)
// true

5 fill()数组的填充

var arr = new Array(10).fill("★");
console.log(arr);

6 for of遍历
增加了一种数组的遍历方法，叫做for of遍历。通常配合arr.entries()来使用。

var arr = ["白板","幺鸡","二条","三饼","四筒"];
for(var [k,v] of arr.entries()){
    console.log(k,v);
}

注意:
arr.entries()的用法:
entries() 方法返回一个数组的迭代对象，该对象包含数组的键值对 (key/value)。
迭代对象中数组的索引值作为 key， 数组元素作为 value。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.entries();

[0, "Banana"]
[1, "Orange"]
[2, "Apple"]
[3, "Mango"]