ECMAScript5 数组迭代方法详解：every、some、filter、map 与 forEach

作者：青柠时间：2026-10-28 20:30:44浏览：503

本文详细介绍 ECMAScript5 定义的五个数组迭代方法：every、some、filter、map 和 forEach。这些方法均接收回调函数及可选作用域，不修改原数组。every 和 some 用于条件判断，filter 用于筛选，map 用于映射转换，forEach 用于执行操作。文章通过代码示例解析各方法参数、返回值及浏览器兼容性，帮助开发者高效处理数组数据。

ECMAScript5 数组迭代方法概述

ECMAScript5 规范为数组类型定义了五种迭代方法。这些方法在调用时均接收两个参数：第一个是需要在数组每一项上执行的函数，第二个是可选的、用于指定该函数执行时作用域的对象（即影响 this 指向的值）。传入这些方法的回调函数会接收三个参数：当前数组项的值、该项在数组中的索引位置，以及数组对象本身。根据具体使用的方法不同，回调函数执行后的返回值可能会影响最终方法的返回值，也可能不会。这五种迭代方法分别是：

上述五种迭代方法均接受两个参数：一个是需要在每一项上运行的函数，另一个是运行该函数时的作用域（此参数为可选）。

这五种迭代方法的具体行为如下： every()：对数组中的每一项运行给定的函数。如果该函数对每一项都返回 true，则 every() 方法返回 true。 filter()：对数组中的每一项运行给定的函数。该方法返回由所有使给定函数返回 true 的项组成的新数组。 forEach()：对数组中的每一项运行给定的函数。该方法没有返回值。 map()：对数组中的每一项运行给定的函数。该方法返回由每次函数调用的结果组成的新数组。 some()：对数组中的每一项运行给定的函数。如果该函数对数组中的任意一项返回 true，则 some() 方法返回 true。

需要注意的是，上述所有迭代方法都不会修改数组中包含的原始值。

every() 与 some() 的条件判断

在上面的方法中，every() 和 some() 非常相似，它们都用于查询数组中的项是否满足某个条件。对于 every() 方法来说，传入的函数必须对每一项都返回 true，这个方法才返回 true。否则，它就返回 false。而 some() 方法则是只要传入的函数对数组的某一项返回 true，就会返回 true。例如：


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.every(function(item, index, array){
 return (item > 2);
})
console.info(result);

上面的代码会在控制台中打印 false。


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.some(function(item, index, array){
 return (item > 2);
})
console.info(result);

上面的代码会在控制台中打印 true。

filter() 与 map() 的数据处理

下面是一个 filter() 函数的例子，它利用指定的函数确定是否存在返回的数组中包含某一项。例如，要返回一个所有数值都大于 2 的数组，可以使用下面的代码：


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.filter(function(item, index, array){
 return (item > 2);
})
console.info(result);  // [3,4,5,4,3]

上面的代码通过调用 filter() 方法返回包含 3,4,5,4,3 的数组。这个方法对于查询符合某些条件的所有数组非常有用。

map() 方法也返回一个数组，而这个数组的每一项都是在原始数组中的对应项上运行传入函数的结果。例如，可以给数组中的每一项都乘以 2，然后返回这些乘积组成的数组：


var nums = [1,2,3,4,5,4,3,2,1];
var result = nums.map(function(item, index, array){
 return item * 2;
})
console.info(result);  // [2,4,6,8,10,8,6,4,2]

map() 方法适合用于创建包含的项于另一个数组一一对应的数组。

forEach() 的遍历执行

最后一个是 forEach() 方法，它只是对数组中的每一项运行传入的函数。这个方法没有返回值，本质上于使用 for 循环迭代数组是一样的。看下面的例子：


var nums = [1,2,3,4,5,4,3,2,1];
nums.forEach(function(item, index, array){
 //执行需要的操作
})

js 中的这些数组方法通过执行不同的操作，可以大大的方便处理数组的任务。

支持这些迭代方法的浏览器有：IE9+，Firefox2+，Safari3+，Opera9.5+ 和 Chrome。


    var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    //every()和some()最相似
    //every() item:当前遍历项，index:当前项索引，array:数组对象本身
    var everyResult = numbers.every(function (item, index, array) {
      return item > 2;
    });
    alert(everyResult);//false
    //some()
    var someResult = numbers.some(function (item, index, array) {
      return item > 2;
    });
    alert(someResult);//true
    //filter
    var filterResult = numbers.filter(function (item, index, array) {
      return item > 2;
    });
    alert(filterResult);//[3,4,5,4,3]
    //map()
    var mapResult = numbers.map(function (item, index, array) {
      return (item * 2);
    });
    alert(mapResult);//[2,4,6,8,10,8,6,4,2]
    //forEach 本质上和for循环没有区别
    var forEachResult=numbers.forEach(function(item,index,array){
      alert(item)
    });

以上就是本文的全部内容了，希望能给大家一些提示，能够更好的理解 javascript 迭代方法。

作者最新文章

ES6模块化中js文件怎么用import和export交互

2026-11-05 17:00:48

JS读取本地文件时报错或无响应的常见原因

2026-11-05 16:32:31

let、const与var的区别：JavaScript变量声明最佳实践

2026-11-05 14:16:38

JS中直接定义静态二维数组的字面量写法

2026-11-05 14:16:08

JS 怎么查找字符串中所有匹配项的位置

2026-11-05 14:15:53