JavaScript数组的5种迭代方法

为了把明天的工作做好,我们必须把今天的工作先做好了,不要给明天的工作找麻烦。在工作面前,态度决定一切。没有不重要的工作,只有不重视工作的人。不同的态度,成就不同的人生,有什么样的态度就会产生什么样的行为,从而决定不同的结果。

ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和(可选的)运行该函数的作用域对象--影响this的值。//其中(可选的)这个参数暂时未遇到过。

其中,函数都接收三个参数(数组中的每一项、每一项的索引值、数组对象本身)。

下面是5中方法的介绍:

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

some(): 对数组中的每一项执行函数,只要有一项返回了 true ,则该方法返回 true。

filter(): 对数组中的每一项执行函数,把里面返回 true 的项,组成一个数组返回。

forEach() 对数组中的每一项执行函数,没有返回值。类似于for循环。

map() 对数组中的每一项执行函数,返回(处理后的)每一项。

以上5种方法,都不会改变数组本身。

forEach和map的比较:

  var arr = [1,2,3,4,5];
  //every() filter() some() forEach() map()
  var res = arr.every(function(i,index,o){
    return i>2;
  });
  console.log(arr); //[1,2,3,4,5]
  console.log(res); //false

  var some = arr.some(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(some);//true

  var filter = arr.filter(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(filter);//[3,4,5]

  var forEach = arr.forEach(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(forEach);//undefined

  var map = arr.map(function (i, k, l) {
    return i>2;
  });
  console.log(arr);//[1,2,3,4,5]
  console.log(map);//[false,false,true,true,true]

本文JavaScript数组的5种迭代方法到此结束。真正的强者不是没有眼泪的人而是含着眼泪奔跑的人小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
《TypeScript中文入门好代码教程》15、可迭代性

ES6中的迭代器、Generator函数及Generator函数的异步操作方法

ES6 迭代器与可迭代对象的实现

Javascript迭代、递推、穷举、递归常用算法实例讲解

ng-repeat指令在迭代对象时的去重方法