JavaScript ES6 数组新方法 学习随笔

Posted 2021-01-15 yangtongblog

javascript ES6 数组新方法 学习随笔

新建数组

   var arr = [1, 2, 2, 3, 4]

includes 方法

• includes 查找数组有无该参数 有返回true

    var includes = arr.includes(2)

map方法

• map 遍历处理返回新数组 原数组不会改变

    var map = arr.map(function (item) {
        return ++item
    })

reduce方法

• reduce 遍历处理数组返回结果
• prev与next中间的符号以及顺序控制处理方式

   var reduce = arr.reduce(function (prev, next) {
      return prev + next
    })

some方法

• some 遍历如果成立就返回 includes相当于some的特殊情况

    var some = arr.some(function (item) {
      return item === 4
    })

find 方法

• find 遍历数据 找到并返回元素

    var find = arr.find(function (item) {
      return item === 4
    })

findIndex 方法

• findIndex 遍历数组 找到并返回元素序号

    var findIndex = arr.findIndex(function (item) {
      return item === 2
    })

以上方法输出结果

    console.log(include, map, reduce, some, find, findIndex)
    //true [ 2, 3, 3, 4, 5 ] 12 true 4 1