ES5中的数组遍历方法forEach、map和filter的使用

ES5中的数组遍历方法forEach、map和filter是经常用到的，它们分别提供了不同的功能和用法。在本文中，我们将详细介绍它们的使用方法和注意事项。

一、forEach方法

forEach方法用于遍历数组，并对数组的每个元素执行指定的操作。它接受一个回调函数作为参数，回调函数接受三个参数：当前元素、当前索引和数组本身。

示例代码：

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

arr.forEach(function(element, index, array) {
  console.log('当前元素：', element);
  console.log('当前索引：', index);
  console.log('数组本身：', array);
});

在上面的示例中，我们定义了一个数组arr，并使用forEach方法遍历该数组。在回调函数中，我们打印了当前元素、当前索引和数组本身的值。

二、map方法

map方法用于遍历数组，并对数组的每个元素执行指定的操作，然后将操作的结果存储在新数组中。它接受一个回调函数作为参数，回调函数接受三个参数：当前元素、当前索引和数组本身。

示例代码：

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

var newArr = arr.map(function(element, index, array) {
  return element * 2;
});

console.log(newArr);

在上面的示例中，我们定义了一个数组arr，并使用map方法遍历该数组，将每个元素乘以2后存储在新数组newArr中。

三、filter方法

filter方法用于遍历数组，并根据指定的条件筛选出符合条件的元素，然后将这些元素存储在新数组中。它接受一个回调函数作为参数，回调函数接受三个参数：当前元素、当前索引和数组本身。

示例代码：

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

var newArr = arr.filter(function(element, index, array) {
  return element % 2 === 0;
});

console.log(newArr);

在上面的示例中，我们定义了一个数组arr，并使用filter方法遍历该数组，筛选出其中的偶数并存储在新数组newArr中。

通过本文的介绍，相信您对ES5中的数组遍历方法forEach、map和filter有了更深入的了解。它们在编写JavaScript代码时非常有用，帮助我们处理和操作数组。希望本文对您有所帮助，谢谢阅读！

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： ES5中的函数内声明和外部声明有何区别？
• 下一篇： 如何在ES5中使用对象的getter和setter方法？