JavaScript数组(Array)类型之迭代方法

最新推荐文章于 2025-06-11 03:07:20 发布

原创最新推荐文章于 2025-06-11 03:07:20 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #Array类型 #迭代方法

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了ECMAScript5中新增的五种数组迭代方法：every、some、filter、forEach和map。通过示例展示了每种方法的具体用法及应用场景，并列出了支持这些方法的浏览器版本。

ECMAScript 5为数组定义了5个迭代方法。每个方法都接收两个参数：要在每一项上运行的函数和（可选的）运行该函数的作用域对象——影响this的值。

传入这些方法中的函数会接收到三个参数：数组项的值、该项在数组中的位置和数组对象本身。

以下是这5个迭代方法的作用：

every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。
some()：对数组中的每一项运行给定函数，如果该函数对任一项都返回true，则返回true。

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

var everyResult = numbers.every(function(item, index, array){
    return (item > 2);
});

alert(everyResult);    //false

var someResult = numbers.some(function(item, index, array){
    return (item > 2);
});

alert(someResult);     //true

filter()：对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。

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

var filterResult = numbers.filter(function(item, index, array){
    return (item > 2);
});

alert(filterResult);    //[3,4,5,4,3]

forEach()：对数组中的每一项运行给定函数。这个方法没有返回值。

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

numbers.forEach(function(item, index, array){
    //执行某些操作
});

map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

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

var mapResult = numbers.map(function(item, index, array){
    return item * 2;
});

alert(mapResult);    //[2,4,6,8,10,8,6,4,2]

支持这些迭代方法的浏览器有IE9+、Firefox 2+、Safari 3+、Opera 9.5+和Chrome。