for in和for of

时间: 2023-07-17 22:00:14 浏览: 79

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

准备数据 let arr = [a,b,c,d,e]; let obj = { a:1, b:2, c:3 } for…in for…in 通过 key-value的形式来遍历数据 for(let val in arr){ console.log(val); //0 1 2 3 4 // console.log(arr[val]); //a b c d e } for(let val in obj){ console.log(val); //a b c } for…of 直接读取数据 for(let val o 在JavaScript中，`for...in`和`for...of`是两种不同的迭代方式，它们各自适用于不同的场景。这里我们将深入探讨这两个迭代语法以及迭代器的概念。 ### `for...in`迭代器 `for...in`迭代器主要用于遍历对象的可枚举属性，它返回的是对象属性的键（key）。在提供的示例中： ```javascript let obj = { a: 1, b: 2, c: 3 }; for (let val in obj) { console.log(val); // 输出：a b c } ``` 这里的`val`变量会依次获取`obj`对象的属性名`'a'`、`'b'`和`'c'`。注意，`for...in`不适用于数组，虽然数组的索引看起来像是属性，但它们是特殊类型的属性，所以用`for...in`遍历数组时会得到索引而非元素值。 ### `for...of`迭代器 `for...of`迭代器则用于遍历可迭代对象（如数组、Set、Map等）的值。例如： ```javascript let arr = ['a', 'b', 'c', 'd', 'e']; for (let val of arr) { console.log(val); // 输出：a b c d e } ``` 在这个例子中，`val`会依次获取数组`arr`的每个元素值。 ### 迭代器协议 JavaScript中的迭代器允许我们按照一定顺序访问一组值。一个对象如果实现了迭代器协议，就可以通过`for...of`进行迭代。对于没有内置迭代器的对象，可以手动添加一个`Symbol.iterator`方法来实现迭代。例如： ```javascript let obj = { a: 1, b: 2, c: 3 }; obj[Symbol.iterator] = function() { let values = Object.values(this); let index = 0; return { next() { if (index >= values.length) { return { done: true }; // 循环结束 } else { return { done: false, value: values[index++] }; // 返回当前值和状态 } } }; }; for (let val of obj) { console.log(val); // 输出：1 2 3 } ``` 在这个示例中，我们为`obj`对象添加了一个`Symbol.iterator`方法，使其成为可迭代对象。`next()`方法返回一个对象，包含`value`（当前迭代的值）和`done`（表示迭代是否完成的布尔值）。 ### 总结 - `for...in`迭代器适用于遍历对象的可枚举属性，返回属性名。 - `for...of`迭代器适用于遍历可迭代对象的值，如数组、Set、Map等。 - 迭代器协议允许自定义对象的迭代行为，使得非内置可迭代对象也能被`for...of`遍历。 - 使用`Symbol.iterator`属性可以为对象提供迭代器功能。理解并正确使用这两种迭代方式以及迭代器协议，对于编写高效且灵活的JavaScript代码至关重要。在处理数据结构时，应根据具体需求选择合适的迭代方式。

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

阅读全文

for in和for of

相关推荐

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

通过实例解析JavaScript for in及for of区别

详解Js里的for…in和for…of的用法

06-for-in和for-of的区别.md

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

Implications of Defects in the Bulk Structure of MoO3 for the Oxidation of Propene

Modeling of RF absorber for application in the design of anechoic chamber

Descriptions of timing in requirements for reactive systems

Reduction of Rejection Floor of Filter for Ultimate Spectral Efficiency in DWDM Systems

Evidence of bias in predictive validity on the Kaufman assessment battery for children in samples of Anglo and Mexican American children

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

Terramechanics-based modeling of sinkage and moment for in-situ steering wheels of mobile robots on deformable terrain

Strong convergence of shrinking projection methods for a family of pseudocontractive mappings in Hilbert spaces

Suggestions for the delivery of psychological services in secondary schools

The dimensions of reading attitude for children in the intermediate grades

In-line digital holography for dynamic metrology of MEMS

最新推荐

python小爬虫.zip

最全的JAVA设计模式，包含原理图解+代码实现.zip

CPPC++_世界上最快的3d贴图转换工具.zip

前端协作项目：发布猜图游戏功能与待修复事项

管理建模和仿真的文件

【高斯信道信号编码优化】：4大方法优化Chirp信号编码过程

对给定图，实现图的深度优先遍历和广度优先遍历。以邻接表或邻接矩阵为存储结构，实现连通无向图的深度优先和广度优先遍历。以用户指定的结点为起点，分别输出每种遍历下的结点访问序列，并调试算法。使用C语言

Spring框架REST服务开发实践指南

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

【Chirp信号检测算法精解】：掌握高效检测Chirp信号的5大关键步骤