在javaScript中我们常用for...in
和 for...of
遍历数据,但它们之间有一些区别你掌握了吗:
-
for...in 循环用于遍历一个对象的所有可枚举属性,包括继承的可枚举属性。它主要用于对象、数组和其他可迭代对象。在遍历数组时,它返回的是数组索引(即键名),而不是元素值。
-
for...of 循环用于遍历可迭代对象(如数组、Map、Set、arguments对象等)的值。
for...of
循环直接获取元素的值
简单示例:
// for...in 示例
const obj = { a: 1, b: 2 };
for (const key in obj) {
console.log(key); // 输出 'a' 和 'b'
}
// for...of 示例
const array = [3, 6, 9];
for (const value of array) {
console.log(value); // 输出 3, 6, 9
}