Javascript数组中迭代方法的详细分析

来源：动视网责编：小采时间：2020-11-27 19:30:53

Javascript数组中迭代方法的详细分析

Javascript数组中迭代方法的详细分析:本篇文章给大家带来的内容是关于Javascript数组中迭代方法的详细分析，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。我们曾介绍了一些数组的用法。比如：数组如何表现的和「栈」一样，用什么方法表现的和「队列」一样等等一些方法，因为

推荐度：

点击下载本文 文档为doc格式

导读Javascript数组中迭代方法的详细分析:本篇文章给大家带来的内容是关于Javascript数组中迭代方法的详细分析，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。我们曾介绍了一些数组的用法。比如：数组如何表现的和「栈」一样，用什么方法表现的和「队列」一样等等一些方法，因为

最后我们来看看 map() 方法的兼容性，直接上图。

Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Yes	Yes	1.5	9	Yes	Yes

filter

该方法也是对数组的每一个元素执行给定的函数，返回一个新的数组，新数组是由每项返回 true 的项组成。简单来说就是筛选出来我们想要的。

该方法接受两个参数，一个是元素每一项执行的回调函数，一个是可选参数，回调函数运行时 this 的值。

传入的回调函数会接受三个参数分别是：数组中的元素（item），元素的索引（index，可选），数组本身（array，可选）。

//语法
var newArrs = array.filter(callback[, this])
var newArrs = array.filter(callback(item, index, array){
 //return 满足条件的项
});

//例子
let numbers = [1, 2, 3, 4, 5];
let newNumbers = numbers.filter(x => x > 2);
console.log(newNumbers); //[3, 4, 5]

「filter」方法在实际工作中也同样有着很多的作用，例如：我们找出一群人中哪些是小朋友。

var peoples = [{name: 'liu', age: 9}, 
 {name: 'jiang', age: 18}, 
 {name: 'cao', age: 20}, 
 {name: 'pan', age: 3}];
var childrens = peoples.filter(people => people.age < 10);
console.log(childrens);

最后我们来看看 filter() 方法的兼容性，直接上图。

Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Yes	Yes	1.5	9	Yes	Yes

every

该方法是对数组的每一个元素执行给定的函数，
如果数组中的每个元素都满足给定的条件则返回 true，否则返回 false。

该方法接受两个参数，一个是元素每一项执行的回调函数，一个是可选参数，回调函数运行时 this 的值。

传入的回调函数会接受三个参数分别是：数组中的元素（item），元素的索引（index，可选），数组本身（array，可选）。

//语法
var newArrs = array.every(callback[, this])
var newArrs = array.every(callback(item, index, array){
 //执行方法
});

//例子
var number = [2, 3, 4, 5, 6];
var result1 = number.every(item => item > 4);
console.log(result1); //false
var result2 = number.every(item => item > 1);
console.log(result2); //true

我们在来看看 every() 方法的兼容性，直接上图。

Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Yes	Yes	1.5	9	Yes	Yes

some

该方法是对数组的每一个元素执行给定的函数，
如果数组中的有一个元素满足条件则返回 true，如果全部不满足条件则返回 false。

该方法接受两个参数，一个是元素每一项执行的回调函数，一个是可选参数，回调函数运行时 this 的值。

传入的回调函数会接受三个参数分别是：数组中的元素（item），元素的索引（index，可选），数组本身（array，可选）。

//语法
var newArrs = array.some(callback[, this])
var newArrs = array.some(callback(item, index, array){
 //执行方法
});

//例子
var number = [2, 3, 4, 5, 6];
var result1 = number.some(item => item < 1);
console.log(result1); //false
var result2 = number.some(item => item > 5);
console.log(result2); //true

我们在来看看 some() 方法的兼容性，直接上图。