TypeScript 循环对象

在 TypeScript 中，我们可以用 for...in 和 for...of 循环来遍历对象和数组。

for...in 循环

for...in 循环可以遍历对象的所有可枚举属性，包括原型链上的属性。其语法如下：

for (let variable in object) {
  // code to be executed
}

其中 variable 是变量名，用于迭代 object 中的属性名；object 是要迭代的对象。在循环体内，我们可以使用 object[variable] 访问 object 中对应的属性值。

例如，我们可以使用 for...in 循环遍历一个简单的对象：

let obj = { a: 1, b: 2, c: 3 };

for (let prop in obj) {
  console.log(prop + ": " + obj[prop]);
}

这将输出：

a: 1
b: 2
c: 3

需要注意的是，for...in 循环不保证属性的顺序。如果需要按照顺序迭代属性，可以使用数组的 sort() 方法。

for...of 循环

for...of 循环可以遍历可迭代对象（比如数组、字符串、Map、Set 等等）中的元素。其语法如下：

for (let variable of iterable) {
  // code to be executed
}

其中 variable 是变量名，用于迭代 iterable 中的元素；iterable 是要迭代的对象。在循环体内，我们可以直接使用 variable 访问 iterable 中对应的元素。

例如，我们可以使用 for...of 循环遍历一个数组：

let arr = [1, 2, 3];

for (let num of arr) {
  console.log(num);
}

这将输出：

1
2
3

需要注意的是，for...of 循环只能访问可迭代对象中的值，而不能访问对象的属性。如果需要遍历对象的属性，可以使用 for...in 循环。