在 ts 中循环对象属性 - TypeScript

在 TypeScript 中循环对象属性可以使用 for...in 循环和 Object.keys() 方法。以下是如何使用这两种方法遍历对象属性的示例：

使用 for...in 循环

interface User {
  name: string;
  age: number;
  email: string;
}

const user: User = {
  name: 'John Doe',
  age: 30,
  email: 'john.doe@example.com',
};

for (const prop in user) {
  console.log(`${prop}: ${user[prop]}`);
}

上述代码定义了一个名为 User 的接口，表示包含 name、age 和 email 属性的用户。然后创建了一个包含几个属性的 user 对象，使用了 for...in 循环遍历其所有属性，并打印了每个属性的名称和值。

使用 Object.keys() 方法

interface User {
  name: string;
  age: number;
  email: string;
}

const user: User = {
  name: 'John Doe',
  age: 30,
  email: 'john.doe@example.com',
};

for (const prop of Object.keys(user)) {
  console.log(`${prop}: ${user[prop]}`);
}

上述代码也定义了一个名为 User 的接口和一个包含几个属性的 user 对象。现在使用了 Object.keys() 方法获取对象属性的名称列表，然后使用 for...of 循环遍历这些名称并打印每个属性名称和值。

结论

使用 for...in 循环和 Object.keys() 方法都是遍历 TypeScript 对象属性的简单方法。无论您选择哪种方法，务必记住要检查对象属性是否属于对象本身而不是原型，以避免不必要的错误。