欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript ES6 数组新方法 学习随笔

程序员文章站 2022-06-24 08:52:56
JavaScript ES6 数组新方法 学习随笔 新建数组 includes 方法 includes 查找数组有无该参数 有返回true map方法 map 遍历处理返回新数组 原数组不会改变 reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以及顺序控制处理方式 ......

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