数组 filter、some、map、foreach的操作分别有什么作用?

1.背景介绍

ECMAScript5为数组定义了5个迭代方法。every()、filter()、forEach()、map()、some()。这5个方法都接收两个参数:运行的函数和运行该函数的作用域对象this的值。

循环(loop),指的是在满足条件的情况下,重复执行同一段代码。比如,while语句。

迭代(iterate),指的是按照某种顺序逐个访问列表中的每一项。比如,for语句。

遍历(traversal),指的是按照一定的规则访问树形结构中的每个节点,而且每个节点都只访问一次。

递归(recursion),指的是一个函数不断调用自身的行为。比如,以编程方式输出著名的斐波纳契数列。

大家好,我是IT修真院深圳分院第03期学员,一枚正直善良的web程序员。

2.知识剖析

2.1、数组方法

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

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

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

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

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

2.2、some()

some方法为数组中的每一个元素执行一次callback函数,直到找到一个使得callback返回一个“真值”(即可转换为布尔值true的值)。如果找到了这样一个值,some将会立即返回true。否则,some返回false。

语法:arr.some(callback[, thisArg])

2.3、every()

every方法为数组中的每个元素执行一次callback函数,直到它找到一个使callback返回false(表示可转换为布尔值false的值)的元素。

如果发现了一个这样的元素,every方法将会立即返回false。否则,callback为每一个元素返回true,every就会返回true。

语法:arr.every(callback[, thisArg])

2.4、filter()

filter()函数,它利用指定的函数确定是否在返回的数组中包含某一项,数组中的每个元素调用一次提供的函数,

然后构造一个所有值的新数组,也就是会过滤出符合条件的项。

语法:var newArray = arr .filter(callback [,thisArg ])

2.5、map()

map()方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

map方法会给原数组中的每个元素都按顺序调用一次callback函数。

callback每次执行后的返回值(包括undefined)组合起来形成一个新数组。

语法:let new_array = arr.map(function callback(currentValue, index, array) {// Return element for new_array}[, thisArg])

2.6、forEach()

forEach方法按升序为数组中含有效值的每一项执行一次callback函数。与for循环一样。

语法:array.forEach(callback(currentValue, index, array){//do something}, this)

array.forEach(callback[, thisArg])

3.常见问题

every()、filter()、some()、map()、forEach()的用法?

4 解决方案

4.1、map()方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。例如下面例子:map方法会对数组每一项运行函数,再返回新的数组。

varnumbers=[1,4,9];

vardoubles=numbers.map(function(num){returnnum*2;});

// doubles数组的值为: [2, 8, 18]

// numbers数组未被修改: [1, 4, 9]

4.2、every方法为数组中的每个元素执行一次callback函数,直到它找到一个使callback返回false(表示可转换为布尔值false的值)的元素。如果发现了一个这样的元素,every方法将会立即返回false。否则,callback为每一个元素返回true,every就会返回true。

例如下面例子:只有全部大于十才会返回true,当有一个小于十就会返回false。

functionisBigEnough(element,index,array){return(element>=10);}

varpassed=[12,5,8,130,44].every(isBigEnough);    // passed is false

passed=[12,54,18,130,44].every(isBigEnough);     // passed is true

4.3、some方法和every方法相对,只要有一个返回true,some方法就会返回true

例如下面例子:当数组项全部小于10 some方法就会返回false,当数组项有一个大于10返回true。

functionisBiggerThan10(element,index,array){returnelement>10;}[2,5,8,1,4].some(isBiggerThan10);   // false

[12,5,8,1,4].some(isBiggerThan10);   // true

4.4、filter方法返执行会调函数后的数组

下面例子数组的元素由原数组中值大于 10 的元素组成:

functionisBigEnough(element){returnelement>=10;}

varfiltered=[12,5,8,130,44].filter(isBigEnough);

// filtered is [12, 130, 44]

4.5、forEach方法与for循环一样,按升序为数组中含有效值的每一项执行一次callback函数

constarr=['a','b','c'];

arr.forEach(function(element){console.log(element);});

// a

// b

// c


7.参考文献

参考1:javascript高级程序设计

参考2:MDN web技术文档https://developer.mozilla.org/zh-CN/docs/Web

参考3:js数组操作--使用迭代方法替代for循环


1、什么是迭代?

迭代(iterate),指的是按照某种顺序逐个访问列表中的每一项。比如,for语句。

2、map()和forEach()有什么区别

map()方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

forEach方法与for循环一样,按升序为数组中含有效值的每一项执行一次callback函数。其实都是对数组每一项执行方法,区别是map()会返回结果数组,forEach()不反回数组。


3、forEach()方法与for循环有什么区别?

本质上没有区别,只是写法不同而已。都是按升序为数组中含有效值的每一项执行一次callback函数


(&&&欢迎交流-----812271639)

你可能感兴趣的:(数组 filter、some、map、foreach的操作分别有什么作用?)