探索ES6的新世界：揭秘可迭代对象与两种新增循环方式

2023-06-05 01:31:29

ES6 可迭代对象和循环方式：增强 JavaScript 循环的利器

可迭代对象：循环的基础

在编程世界中，循环是不可或缺的工具，它允许代码重复执行一段逻辑。ES6 引入了可迭代对象的概念，为循环提供了更加灵活的基础。可迭代对象是一种可以被遍历的对象，其元素可以逐一访问。常见的可迭代对象包括数组、字符串、集合（Set 和 Map）。

for of 循环：遍历可迭代对象的便捷方式

for of 循环是 ES6 中新增的一种循环方式，专为遍历可迭代对象而设计。其语法简洁明了：

for (const element of iterable) {
  // 循环体
}

iterable 是要遍历的可迭代对象，element 是循环变量，表示当前正在遍历的元素。for of 循环会依次访问可迭代对象中的每个元素，这使得遍历可迭代对象非常简单。

for in 循环：探索对象属性

与 for of 循环不同，for in 循环用于遍历对象的属性。其语法如下：

for (const key in object) {
  // 循环体
}

object 是要遍历的对象，key 是循环变量，表示当前正在遍历的属性名。for in 循环会遍历对象的所有属性，包括继承自原型链的属性。这在需要深入探索对象结构时非常有用。

比较：for of 和 for in 的区别

for of 和 for in 循环各有其用途：

for of： 用于遍历可迭代对象中的元素，如数组、字符串和集合。
for in： 用于遍历对象中的属性，包括继承的属性。

代码示例

以下代码展示了 for of 和 for in 循环的实际应用：

// 使用 for of 循环遍历数组
const numbers = [1, 2, 3, 4, 5];
for (const number of numbers) {
  console.log(number); // 输出：1 2 3 4 5
}

// 使用 for in 循环遍历对象
const person = { name: 'John', age: 30 };
for (const key in person) {
  console.log(`${key}: ${person[key]}`); // 输出：name: John age: 30
}