在 TypeScript 中，遍历对象是我们经常需要做的事情。本文将介绍 TypeScript 中遍历对象的常用方法和一些技巧，希望能够帮助读者更好地理解和使用 TypeScript。
常用方法
for...in 循环
for...in 循环可以用来遍历对象的属性名称。例如：
let obj = { foo: 'bar', baz: 42 };
for (let key in obj) {
console.log(key); // 输出 'foo' 和 'baz'
}需要注意的是，for...in 循环不仅会遍历对象自身的属性，还会遍历对象的原型链上的属性。如果只想遍历对象自身的属性，可以使用 hasOwnProperty 方法进行判断，例如：
let obj = { foo: 'bar', baz: 42 };
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
console.log(key); // 输出 'foo' 和 'baz'
}
}Object.keys 方法
Object.keys 方法会返回对象自身的所有属性名称组成的数组。例如：
let obj = { foo: 'bar', baz: 42 };
let keys = Object.keys(obj);
console.log(keys); // 输出 ['foo', 'baz']Object.values 方法
Object.values 方法会返回对象自身的所有属性值组成的数组。例如：
let obj = { foo: 'bar', baz: 42 };
let values = Object.values(obj);
console.log(values); // 输出 ['bar', 42]Object.entries 方法
Object.entries 方法会返回对象自身的所有属性名称和属性值组成的二维数组。例如：
let obj = { foo: 'bar', baz: 42 };
let entries = Object.entries(obj);
console.log(entries); // 输出 [['foo', 'bar'], ['baz', 42]]技巧
用 typeof 运算符检查对象的类型
在 TypeScript 中，我们可以使用 typeof 运算符对一个变量进行类型检查。例如：
-- -------------------- ---- -------
--- ---- --- - - ---- ------ ---- -- --
-- ------- --- --- --------- -
-- ----
--- ---- --- -- ---- -
-----------------
-
- ---- -
-- -----
-----------------
-使用类型断言避免编译错误
在使用 for...in 循环遍历对象时，需要注意对象可能为 null 或 undefined。为了避免编译错误，可以使用类型断言将对象转为非空对象。例如：
let obj: any | null = { foo: 'bar', baz: 42 };
for (let key in obj as any) {
console.log(key); // 输出 'foo' 和 'baz'
}用 Record 类型定义对象
在 TypeScript 中，我们可以使用 Record 类型定义一个对象。Record 的第一个参数是属性名称的类型，第二个参数是属性值的类型。例如：
type MyObject = Record<string, number>;
let obj: MyObject = { foo: 42, bar: 99 };
for (let key in obj) {
console.log(key, obj[key]);
}上面的代码中，MyObject 类型定义了一个对象，其属性名称为字符串类型，属性值为数字类型。
总结
以上是 TypeScript 中遍历对象的常用方法和一些技巧。使用这些方法可以帮助我们更好地遍历对象，并提高代码的可读性和维护性。希望本文能够对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6517d5c395b1f8cacdffb422