TypeScript 中带有对象的 For-In 语句
在 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 循环遍历对象属性值。我们已经看到了两个不同的示例。第一个示例对于初学者来说非常容易创建。第二个示例还包含接口
