数组遍历-CSDN博客

之前讲了一些数组的方法，今天整理一下数组的遍历方法，有些方法不会用到，但是了解一下也是好的。

我们最常用的循环遍历方法是for循环，这个是最基础的，就不附上代码了，不过说一点，倒叙循环在性能上能优化一点点，不清楚的可以去看性能优化知识点，里面有提到。

for in，很少用到的一个遍历方法，也不推荐：

var arr = ['a', 1, 2, 3];
arr.len = 'len';
for(var i in arr){
    console.log(i + 5);
    console.log(arr[i]);
};
复制代码

因为for in 会把原型上的东西也遍历出来，然后数组下标i是字符串，在进行加操作的时候会按字符串走，还有就是循环的顺序不是一定的。一般用来循环json。

forEach方法，也比较常用

var arr = ['a', 1, 2, 3];
arr.forEach(function (item, index, arr) {
  console.log(item);
  console.log(index);
  console.log(arr);
});
复制代码

传入一个方法参数，这个方法有三个参数，分别是当前元素，下标和循环数组。也不推荐用来循环数组，因为基于循环的迭代性能是基于方法迭代的8倍。

map方法，这个方法会返回一个数组

var arr = ['a', 1, 2, 3];
var newArr = arr.map(function (item, index, arr) {
  console.log(item);
  console.log(index);
  console.log(arr);
  return item + 5;
});
console.log(newArr); //["a5", 6, 7, 8]
复制代码

跟forEach一样，传入一个方法，这个方法有三个参数，分别是当前元素，下标和循环数组，不同的是这个方法会返回一个数组，数组的元素就是每一次循环return回去的数据，没有返回就会默认是undefined。

enery和some，很不常用的方法，我认为属性这些方法，有助于编写业务代码时候性能的优化。

var arr = [5, 7, 3, 8];
var flag = arr.some(function (item, index, arr) {
    console.log(item);
    console.log(index);
    console.log(arr);
    return item > 5;
});
console.log(flag);  //true
复制代码

var arr = [5, 7, 3, 8];
var flag = arr.every(function (item, index, arr) {
    console.log(item);
    console.log(index);
    console.log(arr);
    return item > 5;
});
console.log(flag); //false
复制代码

跟map和forEach一样，一个方法和三个参数，some只要有一个条件是true就直接返回true，之后的不会再判断执行，every则是判断只要有一个条件是false就会返回false，false之后的也不再判断执行，所有条件都为true才返回true。

filter，一个过滤的方法：

var arr = [5, 7, 3, 8];
var newArr= arr.filter(function (item, index, arr) {
    console.log(item);
    console.log(index);
    console.log(arr);
    return item > 5;
});
console.log(newArr); //[7, 8]
复制代码

也是传入一个方法，方法三个参数，这个方法返回一个数组，在判断为true才会返回。

reduce和reduceRight，这两个方法是真的不常用：

var arr = [5, 7, 3, 8];
var sum = arr.reduce(function (prev, cur, index, array) {
    console.log(prev);
    console.log(cur);
    console.log(index);
    console.log(array);
    return prev + cur;
});
console.log(sum); //23
复制代码

两个方法一个从左开始一个从右边开始，方法参数里面有四个参数，这四个参数比较特别，因为这个循环之会执行数组长度减1，我建议可以自己看打印输出的结果。一般这两个方法用来计算总和。

for of，跟for in类似：

var arr = ['a', 1, 2, 3];
arr.len = 'len';
for(var item of arr){
    console.log(item);
};
复制代码

跟for in不同的是，遍历出来的就是元素，没有下标，也不会把原型上的遍历出来，用来遍历json。

find、findIndex两个方法是forEach和some结合体，当return之后，剩下的不会再执行，只不过findIndex返回的是元素下标，find是返回元素。

Includes：

var arr = ['a', 1, 2, 3];
console.log(arr.includes(2)); //true
console.log(arr.includes(9)); //false
复制代码

判断是否有这个数据，有返回true，没有返回false。

Es6新增数组去重方法：

var arr = [1, 8, 9, 7, 7, 6, 1];
var newArr1 = new Set(arr);
var newArr2 = Array.from(newArr1);
console.log(newArr1);
console.log(newArr2);
复制代码

数组方法真的很多，大概我就整理这一些就很够用了，另外的就不去整理了。

欢迎关注Coding个人笔记公众号

数组遍历

“相关推荐”对你有帮助么？