Array的一些方法

from

将两类对象转为真正的数组

let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};
// ES5的写法
var arr1 = [].slice.call(arrayLike); // ['a', 'b', 'c']
// ES6的写法
let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']

of 将一组值，转换为数组

Array.of(3, 11, 8) // [3,11,8]
Array.of(3) // [3]
Array.of(3).length // 1

find() 和 findIndex()

• find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

• 数组实例的findIndex方法的用法与find方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。find方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。

  [1, 5, 10, 15].find(function(value, index, arr) {
  return value > 9;
  }) // 10
  [1, 5, 10, 15].findIndex(function(value, index, arr) {
  return value > 9;
  }) // 2

includes方法返回一个布尔值，

表示某个数组是否包含给定的值，与字符串的includes方法类似,该方法的第二个参数表示搜索的起始位置，默认为0。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为-4，但数组长度为3），则会重置为从0开始。

[1, 2, 3].includes(2)     // true
[1, 2, 3].includes(4)     // false
[1, 2, NaN].includes(NaN) // true
[1, 2, 3].includes(3, 3);  // false
[1, 2, 3].includes(3, -1); // true

flat()用于将嵌套的数组“拉平”，变成一维的数组。

• 该方法返回一个新数组，对原数据没有影响。参数写成一个整数，表示想要拉平的层数，默认为1。

  [1, 2, [3, [4, 5]]].flat()
  // [1, 2, 3, [4, 5]]

  [1, 2, [3, [4, 5]]].flat(2)
  // [1, 2, 3, 4, 5]

• 如果不管有多少层嵌套，都要转成一维数组，可以用Infinity关键字作为参数。

  [1, [2, [3]]].flat(Infinity)
  // [1, 2, 3]

every、some

测试数组得元素是否都通过了指定函数得测试，一个数组是否符合某个条件，every表示每一个项都必须通过才会返回true,some表示只要数组元素某一项满足即可，

var arr = [1,2,4,7,22,45,9];
var fn1 = arr.every(function(item,index){
    return item >10;
})
console.log(fn1);//false

var fn2 = arr.some(function(){
    return item >10;
})
console.log(fn2);//true

filter

调用filter得结果时创建一个新数组，数组得元素时通过所提供函数通过测试得所有元素

var fn3 = arr.filter(function(item,index,array){
    return item >10
})
console.log(fn3);//[22, 45]

如果处理表达式是运算，将无效，返回元素组成员组成的数组

 var fn33 = arr.filter(function(item,index,array){
    return item*2;
})

map

调用map得结果也是创建一个新数组，不同的是

• 如果给定的处理函数得表达式时逻辑判断，它返回得时布尔值组成的数组

  var fn4 = arr.map(function(item,index,array){
  return item >10;
  })
  console.log(fn4);//false,false,false,false,true,true,false

• 如果给定处理函数得表达式是运算表达式，它返回的每一项运算后得结果得数组

  var fn44 = arr.map(function(item,index,array){
  return item *2;
  })
  console.log(fn44);//2,3,8,14,44,90,18

reduce

reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。

接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

• previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
• currentValue （数组中当前被处理的元素，当前参与叠加的项）
• index （当前元素在数组中的索引）

• array （调用 reduce 的数组

  var sum = arr.reduce(function(prev, cur, index, arr) {
  console.log(prev, cur, index);
  return arr + cur;
  })
  console.log(arr, sum);
  1 2 1
  1,2,4,7,22,45,92 4 2
  1,2,4,7,22,45,94 7 3
  1,2,4,7,22,45,97 22 4
  1,2,4,7,22,45,922 45 5
  1,2,4,7,22,45,945 9 6
  [1, 2, 4, 7, 22, 45, 9] “1,2,4,7,22,45,99”

可以看出，reduce函数根据初始值0，不断的进行叠加，完成最简单的总和的实现。

reduce函数的返回结果类型和传入的初始值相同，上个实例中初始值为number类型，同理，初始值也可为object类型。