for in和for of和foreach

时间: 2023-04-30 15:03:01 浏览: 96

详谈js中标准for循环与foreach(for in)的区别

js中遍历数组的有两种方式 var array=['a'] //标准的for循环 for(var i=1;i<array.length;i++){ alert(array[i]) } //foreach循环 for(var i in array){ alert(array[i]) } 正常情况下上面两种遍历数组的方式结果一样。首先说两者的第一个区别标准的for循环中的i是number类型,表示的是数组的下标,但是foreach循环中的i表示的是数组的key是string类型,因为js中一切皆为对象。自己试试 alert(typeof i);这个区别是小问题。现在我加上如下代码，上在JavaScript中，遍历数组通常有两种方式：标准的`for`循环和`forEach`方法（`for...in`循环在数组遍历中并不推荐）。这两种方法在基础使用时可能看起来相似，但它们在内部实现和使用场景上存在显著差异。让我们来看看这两种循环的区别： 1. **变量类型**： - 标准`for`循环中，变量`i`是一个`number`类型，它代表数组的索引，即下标。例如，在`for (var i = 0; i < array.length; i++)`中，`i`从0开始递增，直到达到数组长度。 - `for...in`循环中，变量`i`是一个`string`类型，表示的是数组的键，因为在JavaScript中，所有对象（包括数组）都是属性的集合，因此`for...in`遍历的是数组的可枚举属性名，而非实际的索引。 2. **遍历顺序与内容**： - `for`循环按照数组的索引顺序遍历，只遍历实际的数组元素。 - `forEach`方法同样按照数组的索引顺序遍历，但它会调用提供的回调函数对每个元素进行处理。`for...in`则可能会遍历到数组原型链上的属性，不仅仅是数组元素。 3. **安全性与扩展性**： - 标准`for`循环是最安全的遍历方式，因为它不会受到对象扩展的影响。即使扩展了`Array.prototype`，`for`循环仍能正确遍历数组的原始元素。 - `for...in`循环由于遍历的是对象的属性，所以当扩展了`Array.prototype`，例如添加了一个`test`方法，`for...in`会将这个方法也当作数组的一个成员进行遍历，导致结果出乎意料。因此，一般不推荐使用`for...in`来遍历数组。 4. **自定义行为**： - `forEach`方法允许在遍历过程中添加自定义的行为，通过回调函数可以控制对每个元素的操作，例如`array.forEach(function(item, index, arr) {...})`。 - `for`循环则需要手动编写处理逻辑，更加灵活，但也更需要谨慎，以避免遍历到非预期的属性。 5. **控制流**： - `for`循环提供了更多的控制流选项，如`break`和`continue`，可以精确地控制循环何时停止或跳过某个迭代。 - `forEach`方法没有这样的控制流，但可以使用`return`语句来提前终止回调函数的执行，但这并不会中断整个循环。 6. **性能**： - 在性能方面，`for`循环通常比`forEach`更快，因为后者涉及到函数调用和隐式创建的作用域，但在大多数现代浏览器中，这种差距可能并不明显。虽然`for`循环和`forEach`在基础使用上都可以完成数组遍历，但考虑到安全性和扩展性，推荐使用标准的`for`循环来遍历数组。如果需要自定义处理行为，`forEach`也是一个不错的选择，但应避免使用`for...in`循环。在扩展JavaScript原生类时，避免使用`prototype`属性，可以考虑使用类（`class`）或闭包等其他方法来封装扩展功能，以保持代码的整洁和安全性。

`for in` 是一种在 JavaScript 中遍历对象属性的方法，它可以遍历一个对象的所有可枚举属性，但不能遍历数组。 `for of` 是一种在 JavaScript 中遍历可迭代对象的方法，它可以遍历数组、字符串、Set、Map 等可迭代对象。 `foreach` 是 JavaScript 中 Array 的一个方法，它可以遍历数组并对数组中的每个元素执行指定操作。

阅读全文

for in和for of和foreach

相关推荐

for..in与for..of迭代器

js代码-手写代码练习---for ，for in ，for of ，foreach ，map ，reduce 遍历

js遍历详解(forEach, map, for, for…in, for…of)

js中forEach，for in，for of循环的用法示例小结

全面解析JavaScript里的循环方法之forEach，for-in，for-of

JavaScript遍历方法练习：for、for in、for of、foreach、map、reduce

掌握JavaScript六种遍历方法：for, for in, for of, forEach, map, reduce

掌握JavaScript的四种for循环：简单for、for-in、forEach与for-of

js for forEach forin for of 怎么终止

for forEach forin forof 遍历的区别

for of 和for in区别 foreach

foreach forin forof的区别

For of for in foreach for 的区别？

for in for of foreach map的区别

js forEach for of for in 怎么跳出循环

forof、forin、foreach区别

for-of foreach for-in 谁最快

若依管理存在任何文件读取漏洞检测系统，渗透测试.zip

【java毕业设计】学生社团管理系统源码（完整前后端+说明文档+LW）.zip

最新推荐

全面解析JavaScript里的循环方法之forEach，for-in，for-of

若依管理存在任何文件读取漏洞检测系统，渗透测试.zip

C语言数组操作：高度检查器编程实践

管理建模和仿真的文件

【KUKA系统变量进阶】：揭秘从理论到实践的5大关键技巧

如何使用Python编程语言创建一个具有动态爱心图案作为背景并添加文字'天天开心（高级版）'的图形界面？

基于Swift开发的嘉定单车LBS iOS应用项目解析

"互动学习：行动中的多样性与论文攻读经历"

PROTEUS符号定制指南：个性化元件创建与修改的全面攻略

https://www.lagou.com/wn/爬取该网页职位名称，薪资待遇，学历，企业类型，工作地点数据保存为CSV文件的python代码