常见数组api的使用

fiflter

返回值:返回的是一个新的数组        

作用:过滤

代码：

 let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.filter(item => item === 20)
  console.log(arr1);

打印的结果:

 结论：

可以知道的是返回的是满足条件的，这里返回的是item===20,[20]

map

map()方法返回一个新数组,新数组中的元素为原始数组中的每个元素调用函数处理后得到的值。

map()方法按照原始数组元素顺序依次处理元素。

代码：

  let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.map(item => {
    return item + 1
  })
  console.log(arr1);

find

找到就返回该元素找不到就underfined

代码：

 let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.find(item => {
    return item === 20
  })
  console.log(arr1);

返回的元素:

 

找不到:

  let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.find(item => {
    return item === 200
  })
  console.log(arr1);

 

findIndex

找到返回该元素的索引,找不到返回-1

let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.findIndex(item => {
    return item === 20
  })
  console.log(arr1);

结果:

 

返回的索引

找不到的情况下：

 let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.findIndex(item => {
    return item === 200
  })
  console.log(arr1);

 

some

找到返回布尔值true找不到返回false

  let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.some(item => {
    return item === 20
  })
  console.log(arr1);

 找不到的情况;

let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.some(item => {
    return item === 200
  })
  console.log(arr1);

 

redece

计算数组里面的合:

  let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.reduce((a, b) => {
    return a + b
  }, 0)
  console.log(arr1);

 

如果后面的参数有值的情况下:

  let arr = [10, 20, 30, 40, 50, 60]
  let arr1 = arr.reduce((a, b) => {
    return a + b
  }, 20)
  console.log(arr1);

 以最后的参数为第一项进行相加。