解释 TypeScript 中 for 循环的不同变体

在 TypeScript 中，for 循环有三个不同的变体：for...of 循环，for...in 循环和普通的 for 循环。这三个变体之间有着不同的应用场景和功能。

for 循环

for 循环是最基本的循环，它可以根据给定的条件执行指定次数的循环。它的语法如下：

for (let i = 0; i < length; i++) {
  // 执行代码
}

其中 let i = 0 表示循环计数器初始值为 0；i < length 表示循环条件；i++ 表示每次循环后计数器加 1。

for...in 循环

for...in 循环是用来遍历对象的属性名称的循环。它的语法如下：

for (let property in obj) {
  // 执行代码
}

其中 property 表示对象的属性名称；obj 表示要遍历的对象。

例如，我们可以使用 for...in 循环遍历数组中的所有元素：

const arr = [1, 2, 3];
for (let index in arr) {
  console.log(arr[index]);
}

注意，使用 for...in 循环遍历数组时，返回的是数组的索引值而不是数组元素。

for...of 循环

for...of 循环是用来遍历可迭代对象的元素的循环。它的语法如下：

for (let value of iterable) {
  // 执行代码
}

其中 value 表示迭代对象的值；iterable 表示要遍历的对象，可以是数组、字符串、集合等可迭代对象。

例如，我们可以使用 for...of 循环遍历数组中的所有元素：

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

与 for...in 循环不同的是，for...of 循环返回的是数组的元素值而不是数组的索引值。

总结：

需要按情况选择不同的循环，for...of 循环遍历可迭代对象的元素，for...in 循环遍历对象的属性名称，普通的 for 循环用来根据给定的条件执行指定次数的循环。