TypeScript 中带有对象的 For-In 语句

typescriptserver side programmingprogramming

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

本教程将通过不同的示例教我们遍历对象键值对。此外，我们将了解在遍历对象属性时会出现哪种错误以及如何快速修复它。

语法

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

For (var_name in object){
    要执行的语句或块;
}

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

步骤

步骤 1 - 定义具有不同属性的对象。
步骤 2 - 使用 for…in 语句遍历对象以访问对象的键。
步骤 3 - 打印对象的属性。

示例 1

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

// 定义 student (学生)对象
const student = {
   student_name: "Shubham",
   role: "Content writer",
   age: 22,
};

// 遍历 student (学生)对象
for (const key in student) {
   console.log("The " + key + " of the student is " + object[key]);
}

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

// 定义 student (学生)对象
var student = {
   student_name: "Shubham",
   role: "Content writer",
   age: 22
};

// 遍历 student (学生)对象
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 接口中定义字符串类型的品牌和颜色属性。此外，定义数字数组的sizes属性，get_price()方法返回表价格。
步骤3 - 创建Table类型的table_obj，用适当的值初始化其属性，并定义get_price()方法。
步骤4 - 使用for-in循环遍历table_obj的每个键。
步骤5 - 在for-in循环中，使用对象名称和方括号表示法访问特定键的值。此外，以格式化的方式打印键值对。

示例2

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

// 创建表格界面
interface Table {
   brand: string;
   color: string;
   sizes: Array<number>;
   get_price(): number;
}
// 创建 Table 类型的 table_obj
let table_obj: Table = {
   brand: "woodBrand",
   color: " grey",
   sizes: [10, 40, 30, 20],
   get_price(): number {
      return 10;
   },
};
// 遍历 table_obj
for (let key in table_obj) {
   console.log("The value of " + key + " in table_obj is " + table_obj[key]);
}

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

// 创建 Table 类型的 table_obj
var table_obj = {
   brand: "woodBrand",
   color: " grey",
   sizes: [10, 40, 30, 20],
   get_price: function () {
      return 10;
   }
};
// 遍历 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 循环遍历对象属性值。我们已经看到了两个不同的示例。第一个示例对于初学者来说非常容易创建。第二个示例还包含接口