JavaScript遍历数组详解

JavaScript遍历数组详解属于前端实例代码，有关更多实例代码大家可以查看。

本章节详细介绍一下如何遍历一个array数组。

说道遍历数组，绝大多数人第一个想到就是适用for循环语句。

代码实例如下:

var arr = ["前端教程网", "青岛市南区", 4, "www.pipipi.net"];
for (var index = 0; index < arr.length; index++) {
  console.log(arr[index]);
}

上面的代码可以实现数组的遍历功能。

不要用for in语句来遍历数组，代码实例如下:

var arr = ["前端教程网", "青岛市南区", 4, "www.pipipi.net"];
for (var elem in arr) {
  console.log(elem);
}

此循环是用来遍历对象属性的，我们可以认为数组的索引就是数组对象的属性。

for in循环可以参阅javascript for in一章节。

除了使用for循环之外，其实还有其他原生javascript方法可以实现遍历功能。

一.forEach()方法:

此方法可以遍历数组中的每一个元素，代码实例如下:

var arr = ["前端教程网", "青岛市南区", 4, "www.pipipi.net"];
arr.forEach(function (item, index) {
  console.log(index,item);
})

代码可以实现遍历数组每一个元素的功能。

此方法不能使用break命令或return命令中断循环。

forEach()更多内容可以参阅forEach()方法一章节。

二.map()方法实现遍历:

此方法可以便利数组中的每一个元素，可以在原有数组元素基础上返回一个新数组。

var arr = [1, 2, 3, 4];
var newArr=arr.map(function (item, index) {
  return newArr* 2;
})
console.log(arr);

上面的代码可以生成一个新的数组，数组的元素值是原来数组元素值的两倍。

map()更多内容可以参阅Array map()一章节。

三.filter()方法:

此方法可以过滤数组中的元素，满足条件的元素可以组成一个新的数组。

代码实例如下：

var arr = [1, 2, 3, 4];
var newArr=arr.filter(function (item, index) {
  if (item > 1) {
    return item
  }
})
console.log(newArr);

大于1的数组元素组成一个新的数组。

更多关于filter()内容可以参阅Array filter()方法一章节。

四.其他方法:

还有几个方法也能够实现遍历，这里就不介绍了，参阅本站相关文章即可。

（1）.reduce()方法参阅Array reduce()一章节。

（2）.every()方法参阅Array every()一章节。

（3）.some()方法参阅Array some()一章节。