js 中for in 和for each in的区别
两个的作用都用来遍历对象，但为什么有了for in语句了还要for each in语句呢，后来看了下for each in开发的文档，for each in是作为E4X标准的一部分在javascript 1.6中发布的，而且它不是ECMAScript标准的一部分
var 超毛 = {
身高:"185CM",
体重:"70公斤",
年龄:40
};
for (var i in 超毛){
document.write("i = " + i + "..................超毛[i] = " + 超毛[i] + "<br>");
}
/*
结果
i = 身高..................超毛[i] = 185CM
i = 体重..................超毛[i] = 70公斤
i = 年龄..................超毛[i] = 40
*/
for each (var i in 超毛){
document.write("i = " + i + "..................超毛[i] = " + 超毛[i] + "<br>");
}
/*
结果
i = 185CM..................超毛[i] = undefined
i = 70公斤..................超毛[i] = undefined
i = 40..................超毛[i] = undefined
*/
注意变量i的值是不一样的，for each in无法获得对象的属性名，只能获取到属性值
如果你想遍历对象，超毛建议还是使用for in
1，for in在遍历对象伤还是比for each in功能更加强大for in不仅能遍历处所有属性名和属性值，for each in只能遍历出属性值
2，for in是javascript 1.0就出来的语法，for each in是javascript 1.6才出来的语法，很多浏览器是 不u支持的，比如IE6,7,8是不支持的，所以还是推荐使用for in
同时两者都能实现对数组的遍历
建议大家在遍历数组时，推荐不要使用for in语句和for each in语句，因为它们两无法保证遍历数组的顺序，还是老老实实使用for语句比较好
原创文章，转载请注明： 转载自前端开发
本文链接地址: js中for in 和 for each in的区别
分享到：
相关推荐
在JavaScript中，`forEach`是数组的一个非常重要的迭代方法，用于遍历数组的每个元素，并对每个元素执行一个提供的函数。这个方法在处理数组时非常常用，尤其在我们需要对数组中的每个元素进行特定操作时。在本文中...
- 当不使用jQuery或者处理的是纯数组时，`forEach`更符合JavaScript的原生风格，而且它更简洁。 **5. 性能比较** 虽然在大多数情况下，`forEach`和`$.each`的性能差异不大，但在大规模数据处理时，原生的`forEach`...
在某些老旧的JavaScript环境中可能不支持forEach()方法，这时候可以通过一段兼容代码来解决这个问题。具体做法是检测 `Array.prototype.forEach` 是否存在，如果不存在则手动实现这个方法。示例代码如下： ```...
总之，JavaScript中的`forEach`方法提供了一种方便、简洁的方式来遍历数组，虽然在某些老版本的IE中不支持，但可以通过简单的代码添加兼容性支持。在实际开发中，根据项目需求和目标浏览器选择合适的方法进行数组...
例如，“*.js”可以匹配所有.js扩展名的文件，而“src/**/*.test.js”则能匹配src目录及其子目录下所有以.test.js结尾的文件。 `foreach-cli` 工具的核心功能在于，它通过集成`glob`匹配规则，使开发者能够快速地...
在这个js代码练习中，我们关注的是两个重要的数组方法：`forEach()` 和 `indexOf()`. 这两个方法在实际开发中非常常见，了解它们的用法对于提升JavaScript编程技能至关重要。 1. **`forEach()` 方法** `forEach()`...
总结来说，`forEach`和`each`都是用来遍历数组的方法，它们之间的主要区别在于`forEach`是原生JavaScript的方法，而`each`是jQuery库提供的。`map`则用于创建一个新数组，根据提供的函数处理原始数组的每个元素。...
在压缩包`main.js`中，可能包含了使用`forEach`和`filter`方法的示例代码，可以进一步学习其实际应用。`README.txt`文件可能提供了关于这些示例的解释或使用指南。通过分析这些文件，你可以更深入地理解这两个方法在...
Three.js是JavaScript的一个强大库，用于在Web浏览器中创建和展示3D图形。 首先，我们需要在Vue3.0项目中安装Three.js库。这可以通过npm（Node Package Manager）完成，使用以下命令： ```bash npm install three ...
JavaScript，简称JS，是一种广泛应用于Web开发的轻量级、解释型编程语言，以其灵活性和交互性在网页设计中占据核心地位。本教程将深入探讨JavaScript的各个方面，旨在为初学者提供一个全面的学习路径，同时也适合有...
- **可维护性与可读性**：为了提高代码的可维护性和可读性，可以考虑使用更现代的JavaScript语法，如ES6的`let`、`const`、`Array.from()`和`forEach()`方法。 - **事件绑定**：代码片段中没有涉及如何触发这个函数...
在这个主题中，我们将深入理解`forEach`方法及其与其他数组方法的交互，如`map`、`filter`和`reduce`。 `forEach`方法的基本语法如下： ```javascript array.forEach(callback(currentValue[, index[, array]])[, ...
在Vue项目开发中，理解`forEach`和`map`方法的区别及其原理是非常重要的。根据实际需要选择合适的方法进行数组遍历，可以有效地处理数组中的数据，提高代码的效率和可读性。在处理复杂数据结构时，合理运用`forEach`...
这个"大学专业选择代码前端js示例代码"提供了一个学习和实践JavaScript及其在实际应用中的用法的实例，对于想要提升前端技能或了解如何构建交互式应用的开发者来说，具有很高的参考价值。通过深入分析和理解这个项目...
- **技术领域**：本书聚焦于 Ember.js，一种流行的 JavaScript 框架，用于构建可扩展的单页应用（SPA）。 ### 第一部分：Ember CLI 基础 #### Introduction - **简介**：本章介绍 Ember CLI 的基本概念及其在 ...
3. **书籍推荐**：《JavaScript高级程序设计》、《你不知道的JavaScript》等经典书籍。 #### 七、总结 本书旨在为初学者提供全面的JavaScript学习指南，不仅涵盖了基础知识，还深入探讨了高级特性，并提供了丰富的...
这份“js.rar”压缩包文件包含了关于JavaScript的面试题，是帮助求职者准备JavaScript面试的重要资源。以下是根据标题、描述和标签提炼出的一些关键JavaScript知识点，这些内容对于理解和掌握JavaScript至关重要。 ...
数组的遍历有多种方法，但在处理数组时，应注意不使用 `for...in` 循环。这是因为它会遍历数组的所有可枚举属性，包括原型链上的属性，可能会得到意想不到的结果。推荐使用传统的 `for` 循环或 `forEach` 方法进行...
1. **Node.js环境**：由于浏览器的安全限制，JavaScript在浏览器环境中不能直接访问用户的文件系统。因此，要实现这个功能，我们需要使用Node.js运行环境，它提供了一个名为`fs`（文件系统）的核心模块，允许我们与...