TypeScript 是一种强类型的 JavaScript 超集，它增加了更多的语法和静态类型检查，使得我们可以更加方便地编写复杂的 JavaScript 应用程序。在实际开发中，我们常常需要获取对象的属性和值，本文将介绍 TypeScript 的方法来获取对象的属性和值。
获取对象属性
类型推断
在 TypeScript 中，我们可以通过类型推断来获取对象的属性。例如，我们有如下的一个对象：
const person = {
name: '张三',
age: 18,
address: {
province: '广东省',
city: '深圳市'
}
};我们可以通过类型推断来获取 person 对象的属性：
// 获取 person 对象的 name 属性 let name: string = person.name; // 获取 person 对象的 age 属性 let age: number = person.age; // 获取 person 对象中 address 对象的 city 属性 let city: string = person.address.city;
以上代码中，通过类型推断的方式，我们很容易地获取了对象的属性，并且 TypeScript 会自动推断出属性的类型，从而保证了代码的正确性。
索引访问操作符
在 TypeScript 中，我们也可以使用索引访问操作符来获取对象的属性。例如：
-- -------------------- ---- -------
----- ------ - -
----- -----
---- ---
-------- -
--------- ------
----- -----
-
--
-- ----------- ------ --- ---- --
--- ----- ------ - ---------------
-- ----------- ------ --- --- --
--- ---- ------ - --------------
-- ----------- ------ --- ------- --- ---- --
--- ----- ------ - --------------------------以上代码中，我们使用了 [属性名] 的方式来获取对象的属性。需要注意的是，当我们使用索引访问操作符时，对象的键必须是字符串类型。如果我们使用了一个不存在的属性名作为索引访问操作符，TypeScript 不会抛出异常，而是会返回一个 undefined 值。
动态属性名
在 TypeScript 中，我们可以使用动态属性名来获取对象的属性。例如：
-- -------------------- ---- -------
----- ------ - -
----- -----
---- ---
-------- -
--------- ------
----- -----
-
--
--- ------------ - -------
-- --------- ------ --- ---- --
--- ----- ------ - ---------------------以上代码中，我们使用了一个动态属性名 propertyName 来获取对象的属性。需要注意的是，动态属性名必须要使用方括号 [] 包裹，并且方括号中的内容必须是字符串类型。
获取对象值
对象解构
在 TypeScript 中，我们可以使用对象解构来获取对象的值。例如：
-- -------------------- ---- -------
----- ------ - -
----- -----
---- ---
-------- -
--------- ------
----- -----
-
--
-- -------- ------ --- ---- - --- ---
--- ------ ---- - -------以上代码中，我们使用了对象解构的方式来获取对象的值。需要注意的是，对象解构可以一次性获取多个属性值，并且属性名必须要跟对象中的属性名一致。
对象展开
在 TypeScript 中，我们可以使用对象展开语法来获取对象的值。例如：
-- -------------------- ---- -------
----- ------ - -
----- -----
---- ---
-------- -
--------- ------
----- -----
-
--
-- ---------- ------ --- ---- - --- ---
--- ---------- ----- - ---------------以上代码中，我们使用了对象展开语法来获取对象的值。需要注意的是，对象展开语法可以让我们只获取对象中的部分属性值，并且属性名必须要跟对象中的属性名一致。
总结
通过本文的介绍，我们可以看出在 TypeScript 中获取对象的属性和值有多种方法。在应用程序开发中，根据实际需求选择恰当的方法可以让代码更加简洁和易于维护。同时，需要注意在使用类型推断、索引访问操作符和动态属性名时要注意代码的正确性，避免出现错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a768c948841e98943e6a1f