JavaScript 遍历方法总结 forEach some every filter map includes

 1、forEach

 返回值 1 数组的信息 2 数组的下标索引 没有办法终止循环 但是可以根据情况抛出一个错误 具体方法如下：

var arr = ['abc', 'bcd', 'cde']

    arr.forEach(function(element, index) {
        console.log(element);
        console.log(index);
    });

实现原理

Array.prototype.myforEach = function(fn) {
        for (var i = 0; i < this.length; i++) {
            fn(this[i], i)
        };
    }
    arr.myforEach(function(element, index) {
        console.log(element);
        console.log(index);
    });

2、some

根据一个条件验证数组中是佛有该元素 true false 如果函数的返回值为true那么停止遍历 some的返回值为true 如果知道遍历结果结束都没有条件为true那么返回false

var arr = ['abc', 'bcd', 'cde']

var bool = arr.some(function(element,index) {
        console.log(index);
        return element === 'abc'
    })
    console.log(bool)

3、every

验证数组的所有是否满足一个条件 返回的值也是true和false

var arr = ['abc', 'bcd', 'cde']
     var rets = arr.every(function (element,index) {
        return element.length === 3
     })
     console.log(rets);

4、find

找到数组中符合条件的第一个元素 和find方法一样

     var user = [
        {name:'张三',age:15},
        {name:'张三',age:16},
        {name:'张三',age:12},
        {name:'张三',age:12},
        {name:'张三',age:11},
        {name:'张三',age:19}
     ]
     var result = user.find(function (element,index) {
        return element.age >= 15
     })
     console.log(result);

5、findIndex

找到数组中符合条件的第一个元素的下标

     var user = [
        {name:'张三',age:15},
        {name:'张三',age:16},
        {name:'张三',age:12},
        {name:'张三',age:12},
        {name:'张三',age:11},
        {name:'张三',age:19}
     ]
     var results = user.findIndex(function (element,index) {
        return element.age >= 15
     })
     console.log(results);

6、filter

找到所有符合条件的元素然后放到一个数组中 如果没有符合条件的那么返回空数组

       var user = [
          {name:'张三',age:15},
          {name:'张三',age:16},
          {name:'张三',age:12},
          {name:'张三',age:12},
          {name:'张三',age:11},
          {name:'张三',age:19}
       ]
      var sameAge = user.filter(function(element,index) {
          return element.age >= 15
      });

      console.log(sameAge);

7、map

对所有的元素进行操作 

      //值类型
      var arr2 = [1,2,3,4]
      var After = arr2.map(function (element,index) {
        return ++element
      })
      console.log(After)

      // 复杂数据类型
      var user = [
          {name:'张三',age:15},
          {name:'张三',age:16},
          {name:'张三',age:12},
          {name:'张三',age:12},
          {name:'张三',age:11},
          {name:'张三',age:19}
       ]
      var age = user.map(function (element,index) {
       element.age++
       return element
      })
      console.log(age);
      console.log(user);

    // 这时候原来的user和现在的user是一样的 如果想要不影响原来的user那么就需要
    // 进行深拷贝  extend方法

8、includes

      var  arr3 = [1,3,4,1,5]
      var has = arr3.includes(3)
      console.log(has)

      // user.includes({name:'张三',age:11})  这样是不可以的
      // 比较的是引用而不是具体的值
      var zs = user[2]
      var have = user.includes(zs)
      console.log(have);

以上就是JavaScript中遍历的方法，还有一个reduce 我微博里也谈到了 如果有什么异议的地方 请多批评指教