数组中迭代的方法

最新推荐文章于 2022-09-22 22:04:59 发布

weixin_Da冰

最新推荐文章于 2022-09-22 22:04:59 发布

阅读量110

点赞数 1

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45976622/article/details/120070570

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了JavaScript中数组的五种迭代方法：every()、some()、filter()、map()和forEach()。every()返回所有项都满足条件的结果，some()只需一项满足即可，filter()返回符合条件的数组项，map()则返回每个项经过函数处理的新数组，而forEach()主要用于遍历数组不做返回。

摘要由CSDN通过智能技术生成

在JavaScript中为数组提供了5个迭代的方法：every()、filter()、forEach()、map()、some()；传入的这些方法中的函数都会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身

every()：传入的函数的每一项都返回true，这个方法才会返回true；否则，它就返回false。
some()：只要数组中的某一项返回true，就会返回true。
filter()：返回true的项组成的数组，适用于查询符合某些条件的所有数组项。
map()：返回每次函数调用的结果组成的数组，适合创建包含的项与另一个数组意义对应的数组。
forEach()：这个方法没有返回值，本质上与使用for循环迭代一样。

var nums = [1,2,3,4,5,4,3,2,1];
// every()方法
var everyResult = nums.every(function(item, index, array){
    return (item > 2);  
});

console.log(everyResult); //false 因为只有部分项条件符合

// some()方法
var someResult = nums.some(function(item, index, array){
    return (item > 2);
});

console.log(someResult);  //true只要有一项符合条件就可以返回true

// filter()方法
var filterResult = nums.filter(function(item, index, array){
    return (item > 2);
});

console.log(filterResult);  //[ 3, 4, 5, 4, 3 ]返回符合条件的项

// forEach()方法
nums.forEach(function(item, index, array){
    console.log(item);  // 1 2 3 4 5 4 3 2 1 相当于遍历
});


// map()方法
var mapResult = nums.map(function(item, index, array){
    return item * 2;
});

console.log(mapResult);  // [2, 4, 6, 8, 10, 8, 6, 4, 2] 所有项乘2后返回新数组