JavaScript数组的5种迭代方法

发布时间 - 2026-01-11 03:29:03    点击率:

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]

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


# js  # 数组  # 迭代  # JS的数组迭代方法  # js数组的五种迭代方法及两种归并方法(推荐)  # javaScript数组迭代方法详解  # JavaScript数组迭代方法  # 如何在JavaScript中使用map()迭代数组详细步骤  # 每一项  # 组中  # 可选  # 则该  # 要在  # 种方法  # 类似于  # 遇到过  # 大家多多  # 返回值  # 只要有  # return  # true  # gt  # nbsp  # false  # undefined  # log  # console 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  微信小程序 scroll-view组件实现列表页实例代码  Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】  如何用AWS免费套餐快速搭建高效网站?  详解Android图表 MPAndroidChart折线图  详解vue.js组件化开发实践  Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置  Laravel如何使用Gate和Policy进行授权?(权限控制)  Laravel如何创建自定义Facades?(详细步骤)  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程?  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?  想要更高端的建设网站,这些原则一定要坚持!  Linux后台任务运行方法_nohup与&使用技巧【技巧】  个人摄影网站制作流程,摄影爱好者都去什么网站?  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  简单实现Android文件上传  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  Python面向对象测试方法_mock解析【教程】  Android GridView 滑动条设置一直显示状态(推荐)  Laravel如何为API编写文档_Laravel API文档生成与维护方法  BootStrap整体框架之基础布局组件  夸克浏览器网页跳转延迟怎么办 夸克浏览器跳转优化  Python文件流缓冲机制_IO性能解析【教程】  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  Python企业级消息系统教程_KafkaRabbitMQ高并发应用  制作旅游网站html,怎样注册旅游网站?  网易LOFTER官网链接 老福特网页版登录地址  Laravel怎么进行浏览器测试_Laravel Dusk自动化浏览器测试入门  百度输入法ai面板怎么关 百度输入法ai面板隐藏技巧  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  Laravel中间件如何使用_Laravel自定义中间件实现权限控制  高端智能建站公司优选:品牌定制与SEO优化一站式服务  北京的网站制作公司有哪些,哪个视频网站最好?  Laravel怎么实现模型属性转换Casting_Laravel自动将JSON字段转为数组【技巧】  Laravel怎么实现支付功能_Laravel集成支付宝微信支付  百度浏览器如何管理插件 百度浏览器插件管理方法  MySQL查询结果复制到新表的方法(更新、插入)  微信推文制作网站有哪些,怎么做微信推文,急?  如何自己制作一个网站链接,如何制作一个企业网站,建设网站的基本步骤有哪些?  在线制作视频网站免费,都有哪些好的动漫网站?  Laravel如何实现密码重置功能_Laravel密码找回与重置流程  Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  JS经典正则表达式笔试题汇总  重庆市网站制作公司,重庆招聘网站哪个好?  学生网站制作软件,一个12岁的学生写小说,应该去什么样的网站?  Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?  利用vue写todolist单页应用  微信小程序 HTTPS报错整理常见问题及解决方案