js数组遍历的方法

标签：过滤   js数组   ons   efi   fine   测试   就是   补充   cti   

前言

在工作或者学习中，我们经常处理基本数据类型，其中数组更是天天见面，js中数组遍历的方法种类众多，所以在这里，我总结了一下，准备写一写关于数组遍历的常见方法，废话少说，请少侠看代码。

测试用例

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

方法一  for 循环

for循环，也是最常见的，最简单的
 
  for(var i=0; i<arr.length;i++){
        console.log(arr[i]);
    };

方法二 for in

循环遍历数组的属性
```
  for(var i in arr){
        console.log(arr[i]);
    };


方法三  arr.forEach(function(a){})

参数：回调函数
功能：遍历
返回值： undefined 返回值内有影响
是否改变原数组: 不会


 arr.forEach(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
        console.log(a);
    });   


方法四  arr.map(function(a){})

参数 ： 回调函数
功能 ： 遍历
返回值 :  是一个数组，数组里是undefined，长度为数组的长度
是否改变原数组 :  没有
回调函数的返回值造成了什么影响 :  被放在了map最终的数组内

arr.map(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
    console.log(a);
});   


方法五  arr.some(function(a){})

参数 ： 回调函数
功能 ： 遍历
返回值 :  符合 true 不符合 false
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 ： 遍历数组中是否有符合条件的值，只要有符合，那么就是true，同时停止遍历 如果没有符合的值 一直执行 直到遍历结束 返回false。

arr.some(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
    console.log(a);
});   


方法六  arr.filter(function(a){})

参数 ：回调函数
功能 ：遍历
返回值 : true 并成为一个新数组
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 ：filter可以过滤值，并返回到一个新数组中

arr.filter(function(a){    //a是数组的第一个值 b 是索引 c是数组本身
    console.log(a);
});


方法七 arr.every(function(a){})

参数 ：回调函数
功能 ：遍历
返回值 : 符合 true 不符合 false
是否改变原数组 : 没有
回调函数的返回值造成了什么影响 ：遍历数组中是否有符合条件的值，必须全部符合，才是true，如果有一个false;那么就是false;同时停止遍历


 var res = arr.every(function(a){  //a是数组第一个值
        console.log(a);
        return a>0;
    });
    console.log(res);

结束语

这是我所知道的遍历数组的方法，还有没考虑到和有什么错误的地方，欢迎大家留言补充，这七种方法的其中五种不怎么好记和理解，所以我给他们每一个方法配了一个说明，这样子应该可以让大家很容易的记下来这五种方法，希望大家了解后勤加练习一下，上手去操作一下，比在这看100遍都管用，如果本文对您有帮助的话，请点赞和转发， 让我可以帮助到更多的人，让我们一起加油吧！

原创作品，违法必究

疫情期间，我们逆战必胜

js数组遍历的方法

标签：过滤   js数组   ons   efi   fine   测试   就是   补充   cti   

原文地址：https://www.cnblogs.com/cznSH/p/12343553.html