TypeScript 中使用对象遍历 For-In 语句

---

在 TypeScript 中，对象包含属性及其值。我们可以使用 for-in 循环语句遍历对象的每个属性并获取其值。

本教程将教会我们通过不同的示例遍历对象键值对。此外，我们还将学习在遍历对象属性时可能遇到哪些错误以及如何快速修复这些错误。

语法

用户可以按照以下语法使用 for-in 循环语句遍历可迭代对象的属性。

For (var_name in object){
   Statements or block to execute;
}

现在，我们将查看不同的示例来遍历对象属性。

步骤

• 步骤 1 - 定义一个具有不同属性的对象。

• 步骤 2 - 使用 for…in 语句遍历对象以访问对象的键。

• 步骤 3 - 打印对象的属性。

示例 1

在下面的示例中，我们创建了 student 对象，其中包含 students_name、age 和 role 属性。我们使用 for-in 循环语句访问 student 对象的键。在访问键之后，我们还访问了特定键的值。

// defining the student object
const student = {
   student_name: "Shubham",
   role: "Content writer",
   age: 22,
};

// iterating through the student object
for (const key in student) {
   console.log("The " + key + " of the student is " + object[key]);
}

编译后，它将生成以下 JavaScript 代码：

// defining the student object
var student = {
   student_name: "Shubham",
   role: "Content writer",
   age: 22
};

// iterating through the student object
for (var key in student) {
   console.log("The " + key + " of the student is " + student[key]);
}

输出

以上代码将产生以下输出：

The student_name of the student is Shubham
The role of the student is Content writer
The age of the student is 22

现在让我们定义一个特定类型的对象，该对象还包含方法和数组作为属性值。

在下一个示例中，我们将遵循以下步骤：

• 步骤 1 - 创建一个名为 Table 的接口。

• 步骤 2 - 在 Table 接口中定义字符串类型的 brand 和 color 属性。此外，定义数字数组类型的 sizes 属性，以及返回表格价格的 get_price() 方法。

• 步骤 3 - 创建 Table 类型的 table_obj，使用正确的值初始化其属性，并定义 get_price() 方法。

• 步骤 4 - 使用 for-in 循环遍历 table_obj 的每个键。

• 步骤 5 - 在 for-in 循环内，使用对象名称和方括号表示法访问特定键的值。此外，以格式化的方式打印键值对。

示例 2

以下示例演示了一个特定类型的对象，该对象还包含方法和数组作为属性值。在输出中，我们可以看到 get_price 属性的值是一个完整的函数，sizes 属性的值是一个数字数组。

// Creating the table interface
interface Table {
   brand: string;
   color: string;
   sizes: Array<number>;
   get_price(): number;
}
// creating the table_obj of type Table
let table_obj: Table = {
   brand: "woodBrand",
   color: " grey",
   sizes: [10, 40, 30, 20],
   get_price(): number {
      return 10;
   },
};
// Iterating through the table_obj
for (let key in table_obj) {
   console.log("The value of " + key + " in table_obj is " + table_obj[key]);
}

编译后，它将生成以下 JavaScript 代码：

// creating the table_obj of type Table
var table_obj = {
   brand: "woodBrand",
   color: " grey",
   sizes: [10, 40, 30, 20],
   get_price: function () {
      return 10;
   }
};
// Iterating through the table_obj
for (var key in table_obj) {
   console.log("The value of " + key + " in table_obj is " + table_obj[key]);
}

输出

以上代码将产生以下输出：

The value of brand in table_obj is woodBrand
The value of color in table_obj is grey
The value of sizes in table_obj is 10,40,30,20
The value of get_price in table_obj is function () {
   return 10;
}

在本教程中，用户学习了如何使用 for-in 循环遍历对象属性值。我们已经看到了两个不同的例子。第一个例子非常容易创建，适合初学者。第二个例子还包含接口