JavaScript数组的5种迭代方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript数组的5种迭代方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1414字，纯文字阅读大概需要3分钟。

内容图文

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种迭代方法全部内容，希望文章能够帮你解决JavaScript数组的5种迭代方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端