js遍历对象属性的方法

JavaScript中遍历对象属性的方法有多种。其中，常用的方法有：

1. 使用for...in循环：for...in可以遍历对象的可枚举属性，包括原型链上的属性。可以通过判断hasOwnProperty方法来过滤掉原型链上的属性。例如：

let obj = {type: 1, keyword: "js"};
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    console.log(key, obj[key]);
  }
}

2. 使用Object.keys()方法：Object.keys()返回一个由对象的可枚举属性组成的数组。可以遍历对象的可枚举属性，不包括原型链上的属性。例如：

let obj = {type: 1, keyword: "js"};
Object.keys(obj).forEach(key => console.log(key, obj[key]));

3. 使用Object.getOwnPropertyNames()方法：Object.getOwnPropertyNames()返回一个由对象的所有属性（包括可枚举和不可枚举属性）组成的数组。可以遍历对象的所有属性，不包括原型链上的属性。例如：

let obj = {type: 1, keyword: "js"};
Object.getOwnPropertyNames(obj).forEach(key => console.log(key, obj[key]));

4. 使用Object.getOwnPropertySymbols()方法：Object.getOwnPropertySymbols()返回一个由对象的所有Symbol属性组成的数组。只能遍历对象的Symbol属性，不包括其他非Symbol属性。例如：

let obj = {type: 1, keyword: "js"};
Object.getOwnPropertySymbols(obj).forEach(key => console.log(key, obj[key]));

这些方法可以根据需要选择使用，以实现对对象属性的遍历。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [JS遍历对象属性的7种方式](https://blog.csdn.net/weixin_40895135/article/details/126584088)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [JS——遍历对象方法总结](https://blog.csdn.net/weixin_49392771/article/details/123354161)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]