js for循环与for in循环 for of循环的区别

JavaScript中，for循环、for...in循环和for...of循环是用于迭代数组或对象属性的不同方式。

for循环： for循环是最常见的迭代方法，它允许你指定迭代的起始点、结束条件和每次迭代后的操作。它可以用于迭代数组和字符串。

例如，遍历一个数组可以使用for循环的语法：

const arr = [1, 2, 3, 4];
for(let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

for...in循环： for...in循环用于迭代对象的可枚举属性（包括继承的属性）。它将遍历对象的属性名称，并允许你访问属性的值。

例如，遍历一个对象的属性可以使用for...in循环的语法：

const obj = { a: 1, b: 2, c: 3 };
for(let prop in obj) {
  console.log(prop + ': ' + obj[prop]);
}

for...of循环： for...of循环用于迭代可迭代对象（包括数组、字符串、Set、Map等）的元素值。它提供了一种简洁的语法来遍历集合中的元素。

例如，遍历一个数组可以使用for...of循环的语法：

const arr = [1, 2, 3, 4];
for(let value of arr) {
  console.log(value);
}

总结：

• for循环适用于需要指定迭代起始点和结束条件的情况。
• for...in循环适用于遍历对象的可枚举属性。
• for...of循环适用于遍历可迭代对象的元素值。