JavaScript 的 for…in、for…of和forEach有什么区别

首页 / 常见问题 / 低代码开发 / JavaScript 的 for…in、for…of和forEach有什么区别
作者:低代码工具 发布时间:10-26 16:44 浏览量:2921
logo
织信企业级低代码开发平台
提供表单、流程、仪表盘、API等功能,非IT用户可通过设计表单来收集数据,设计流程来进行业务协作,使用仪表盘来进行数据分析与展示,IT用户可通过API集成第三方系统平台数据。
免费试用

JavaScript 的 for…in、for…of和forEach的区别:一、遍历对象和数组;二、遍历顺序;三、遍历的内容;四、可用性;五、使用场景;六、支持性;七、使用方式;八、迭代器支持。遍历对象和数组是指,for…in用于遍历对象的可枚举属性,for…of用于遍历可迭代对象,forEach只能用于遍历数组。

一、遍历对象和数组

  • for…in:用于遍历对象的可枚举属性,无法直接遍历数组。
  • for…of:用于遍历可迭代对象,包括数组、字符串、Set、Map等,无法直接遍历普通对象。
  • forEach:只能用于遍历数组,不能用于遍历对象。

二、遍历顺序

  • for…in:遍历对象属性时,顺序不确定,取决于JavaScript引擎实现。
  • for…of:遍历数组元素时,按照元素在数组中的顺序进行遍历。
  • forEach:按照数组中元素的顺序依次遍历,不会跳过任何元素。

三、遍历的内容

  • for…in:遍历的是对象的属性名(键)。
  • for…of:遍历的是可迭代对象的元素值。
  • forEach:遍历的是数组的元素值。

四、可用性

  • for…in:可以用于遍历普通对象的可枚举属性,也可以用于遍历数组的索引。
  • for…of:可以用于遍历具有迭代器的可迭代对象,如数组、字符串、Set、Map等。
  • forEach:只能用于遍历数组,不支持遍历普通对象。

五、使用场景

  • for…in:适用于遍历对象的属性,在需要遍历对象的属性名或键时使用。
  • for…of:适用于遍历可迭代对象的元素值,在需要遍历数组、字符串等可迭代对象的元素时使用。
  • forEach:适用于遍历数组的元素值,在需要遍历数组并对每个元素执行相同操作时使用。

六、支持性

  • for…in:在所有现代浏览器中均支持。
  • for…of:在较新版本的浏览器中支持,不支持旧版本的Internet Explorer(IE)浏览器。
  • forEach:在较新版本的浏览器中支持,不支持旧版本的Internet Explorer(IE)浏览器。

七、使用方式

  • for…in:使用for…in循环时,需要使用hasOwnProperty()方法过滤原型链上的属性,以确保只遍历对象本身的属性。
  • for…of:直接遍历可迭代对象的元素值,不需要额外的过滤操作。
  • forEach:使用forEach方法时,需要传入一个回调函数作为参数,该函数会在每个数组元素上调用一次,执行特定的操作。

八、迭代器支持

  • for…in:不支持遍历迭代器对象。
  • for…of:支持遍历具有迭代器的可迭代对象,可以遍历类似数组的自定义对象。
  • forEach:不支持直接遍历迭代器对象,需要先将迭代器转换为数组再进行遍历。

延伸阅读

forEach方法

forEach 是一种常见的数组方法,用于对数组的每个元素执行指定的操作或回调函数。forEach 方法接受一个回调函数作为参数,并在数组的每个元素上调用该函数。回调函数可以接受三个参数:当前元素的值、当前元素的索引和正在遍历的数组本身。

下面是一个使用 forEach 方法的示例:

const numbers = [1, 2, 3, 4, 5];

numbers.forEach((number, index, array) => {
  console.log(`当前元素:${number}`);
  console.log(`当前索引:${index}`);
  console.log(`当前数组:${array}`);
});

在这个例子中,我们定义了一个名为 numbers 的数组,并对其应用 forEach 方法。回调函数中的参数 number 表示当前元素的值,index 表示当前元素的索引,array 表示正在遍历的数组。

在回调函数中,我们可以执行任意操作。在示例中,我们简单地将当前元素、索引和数组打印到控制台。

forEach 方法对于遍历数组并对每个元素执行相同的操作非常有用。然而,它不会返回新的数组,也不能在遍历过程中中止或跳过循环。如果需要返回新的数组或具有更多控制权的遍历操作,可以考虑使用其他数组方法,如 map、filter 或 reduce。

最后建议,企业在引入信息化系统初期,切记要合理有效地运用好工具,这样一来不仅可以让公司业务高效地运行,还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业,可以采用我们公司自研的企业级低代码平台织信Informat。 织信平台基于数据模型优先的设计理念,提供大量标准化的组件,内置AI助手、组件设计器、自动化(图形化编程)、脚本、工作流引擎(BPMN2.0)、自定义API、表单设计器、权限、仪表盘等功能,能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景,全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们微信:Informat_5 处理,核实后本网站将在24小时内删除。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系邮箱:hopper@cornerstone365.cn 处理,核实后本网站将在24小时内删除。

最近更新

什么是外向潜在客户开发
10-30 10:47
产品开发过程的阶段有哪些
10-30 10:47
万象城开发团队怎么样
10-30 10:47
如何考核开发团队绩效评价
10-30 10:47
公司用什么系统开发的
10-30 10:47
开发团队如何敏捷转型
10-30 10:47
敏捷软件开发如何运作?
10-30 10:47
如何考察开发团队成员
10-30 10:47
系统开发方向是什么
10-30 10:47

立即开启你的数字化管理

用心为每一位用户提供专业的数字化解决方案及业务咨询

  • 深圳市基石协作科技有限公司
  • 地址:深圳市南山区科技中一路大族激光科技中心909室
  • 座机:400-185-5850
  • 手机:137-1379-6908
  • 邮箱:sales@cornerstone365.cn
  • 微信公众号二维码

© copyright 2019-2024. 织信INFORMAT 深圳市基石协作科技有限公司 版权所有 | 粤ICP备15078182号

前往Gitee仓库
微信公众号二维码
咨询织信数字化顾问获取最新资料
数字化咨询热线
400-185-5850
申请预约演示
立即与行业专家交流