TypeScript中的For循环键值对

在TypeScript中，我们可以使用For循环遍历数组或对象。当我们想要遍历对象时，可以使用For循环的键值对形式。

遍历数组

To遍历数组，我们可以使用以下代码：

const arr = ['a', 'b', 'c'];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

这将顺序输出 a, b, c。

遍历对象

当我们想要遍历对象时，可以使用 for-in 循环。for-in 循环将遍历对象的所有可枚举属性，包括原型链中的属性。

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

这将输出：

a 1
b 2
c 3

如果你只想遍历对象本身的属性，而不是原型链中的属性，可以使用 Object.hasOwnProperty 方法：

const obj = { a: 1, b: 2, c: 3 };
for (const key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key, obj[key]);
  }
}

这也将输出：

a 1
b 2
c 3

遍历对象的键值对

如果你想遍历对象的键值对而不是仅遍历键或值，可以使用 Object.entries 方法。Object.entries 方法将对象转换为一个键值对数组，其中每个键值对是一个包含键和值的数组。

const obj = { a: 1, b: 2, c: 3 };
for (const [key, value] of Object.entries(obj)) {
  console.log(key, value);
}

这也将输出：

a 1
b 2
c 3

注意，Object.entries 方法不支持Internet Explorer浏览器，如果你需要在IE中使用它，请考虑使用Object.keys 和 Array.prototype.map 方法来模拟 Object.entries 方法。