js 遍历对象属性

### 遍历 JavaScript 对象属性的方法 在 JavaScript 中，有多种方法可以用来遍历对象的属性。以下是几种常见的方法及其示例： #### 使用 `for...in` 循环 `for...in` 是一种常用的迭代方式，用于枚举对象自身的以及继承链上的可枚举属性。 ```javascript const obj = { a: 1, b: 2, c: 3 }; for (let key in obj) { if (obj.hasOwnProperty(key)) { // 确保只处理对象自身的属性 console.log(`${key}: ${obj[key]}`); } } ``` 这种方法会遍历所有的可枚举属性，包括原型链中的属性[^1]。 --- #### 使用 `Object.keys()` 方法 `Object.keys()` 返回一个由给定对象自身所有可枚举属性组成的数组。可以通过该数组来访问对应的键值对。 ```javascript const obj = { a: 1, b: 2, c: 3 }; Object.keys(obj).forEach(function(key) { console.log(`${key}: ${obj[key]}`); }); ``` 这种方式仅返回对象自身的属性，并不会涉及原型链上的属性[^2]。 --- #### 使用 `Object.entries()` 方法 `Object.entries()` 返回一个包含对象自身所有可枚举属性的键值对数组。这使得我们可以更方便地通过解构赋值的方式获取键和值。 ```javascript const obj = { a: 1, b: 2, c: 3 }; for (const [key, value] of Object.entries(obj)) { console.log(`${key}: ${value}`); } ``` 此方法同样不包括原型链上的属性。 --- #### 使用 `Reflect.ownKeys()` 或 `Object.getOwnPropertyNames()` 如果需要获取对象的所有属性（包括不可枚举的属性），可以使用这些方法。 ```javascript const obj = { a: 1, b: 2, c: 3 }; Reflect.ownKeys(obj).forEach((key) => { console.log(`${String(key)}: ${obj[key]}`); }); ``` 或者， ```javascript const obj = { a: 1, b: 2, c: 3 }; Object.getOwnPropertyNames(obj).forEach((name) => { console.log(`${name}: ${obj[name]}`); }); ``` 这两种方法都可以提供完整的属性列表，而不仅仅是那些被标记为可枚举的属性[^3]。 --- #### 嵌套条件语句的应用场景 当需要基于某些特定条件进一步操作时，嵌套条件语句可能是一个解决方案。例如，在遍历时判断某个属性是否满足某种条件再执行额外逻辑。 ```javascript const obj = { a: 'apple', b: 'banana', c: 'cherry' }; for (let key in obj) { if (typeof obj[key] === 'string') { // 判断数据类型 let length = parseInt(prompt('Enter max string length:')); // 获取用户输入并转换成整数 if (!isNaN(length) && obj[key].length <= length) { // 进一步条件过滤 console.log(`${key}: ${obj[key]}`); } } } ``` 这里展示了如何结合用户交互与复杂条件筛选实现动态功能[^4]。 --- ### 总结 以上介绍了四种主要的 JavaScript 遍历对象属性的技术：`for...in`, `Object.keys()`, `Object.entries()`, 和 `Reflect.ownKeys()`/`Object.getOwnPropertyNames()`。每种技术都有其适用范围和特点，开发者可以根据实际需求选择最合适的方案。