PHP前端开发

js中forin和forof区别

百变鹏仔 2个月前 (10-14) #JavaScript
文章标签 区别
for ...in 适用于可枚举的对象,迭代属性的键名;而 for ...of 适用于可迭代的对象(如数组),迭代属性的值。

JavaScript 中 for...in 和 for...of 的区别

开场
在 JavaScript 中,for...in 和 for...of 都是循环语句,但它们用途不同。

for...in

for...of

主要区别

特征for...infor...of
目标对象对象可迭代对象
返回值属性键名属性值
遍历属性可枚举属性索引属性
原型链属性包含不包含
性能较慢较快

示例

for...in 对象遍历:

const obj = { name: "John", age: 30 };for (const key in obj) {  console.log(key); // 输出: "name", "age"}

for...of 数组遍历:

const arr = [1, 2, 3, 4, 5];for (const element of arr) {  console.log(element); // 输出: 1, 2, 3, 4, 5}