javascript中for . . .of循环的实例用法

前言

在JavaScript中，for...of循环是一种用于遍历可迭代对象的新类型循环。它提供了一种简洁且易于理解的方式来迭代数组、字符串、集合等数据结构中的元素。

使用：

下面是for...of循环的一些实例用法：

// 遍历数组
const arr = [1, 2, 3, 4, 5];
for (const element of arr) {
  console.log(element);
}

// 遍历字符串
const str = 'Hello';
for (const char of str) {
  console.log(char);
}

// 遍历集合
const set = new Set([1, 2, 3, 4, 5]);
for (const element of set) {
  console.log(element);
}

// 遍历Map中的键值对
const map = new Map([[1, 'one'], [2, 'two'], [3, 'three']]);
for (const [key, value] of map) {
  console.log(key, value);
}

解释：

在这些示例中，我们使用for...of循环来遍历不同类型的可迭代对象。

对于数组，循环将迭代数组的每个元素，并在每次迭代中将当前元素赋值给变量element。

对于字符串，循环将迭代字符串中的每个字符，并在每次迭代中将当前字符赋值给变量char。

对于集合和Map，循环将迭代集合或Map中的每个元素，并在每次迭代中将当前元素赋值给相应的变量。

总结：

通过使用for...of循环，我们可以更方便地迭代各种可迭代对象，而无需关注索引或迭代器。这种循环结构使得代码更加简洁易读，并且可以更好地与函数式编程结合使用。请记住，for...of循环只能用于可迭代的对象，如果要遍历普通对象的属性，仍然需要使用传统的for...in循环。