数组的迭代方法

最新推荐文章于 2021-05-29 15:14:21 发布

原创最新推荐文章于 2021-05-29 15:14:21 发布 · 672 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#函数 #迭代

JS 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了ECMAScript5中定义的五种数组迭代方法：every/some用于判断数组元素是否满足条件；filter/map用于创建新数组；以及forEach用于遍历数组。每种方法都附带了示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ECMAScript5为数组定义了5个迭代方法。每个方法都接受两个参数：
1）要在数组的每一项上运行的函数
2）运行该函数的作用域对象（可选）

第1）中的函数会接受三个参数：数组项的值、该项在数组中的位置和数组对象本身

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

1）返回false/true的方法

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

every :

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

some:

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

2) 返回数组的方法

filter() 设定某个条件，来确定是否返回原数组中的某一项
map() 对数组中的每一项进行操作，返回操作后的结果
filter:

 var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.filter(function(item,index,array) {
    return (item > 2);
});
console.log(everyResult);

map:

var numbers = [1,2,3,4,5,4,3,2,1];
var everyResult = numbers.map(function(item,index,array) {
    return (item * 2);
});
console.log(everyResult);

3) 无返回的方法
forEach()
对数组中的每一项运行传入的函数，这个方法没有返回值，本质上与使用for循环迭代数组一样

var numbers = [1,2,3,4,5,4,3,2,1];
numbers.forEach(function(item,index,array) {
    // 执行某些操作
});