如何在 JavaScript 中遍历对象

相约在冰花

在 JavaScript 中，你可以使用以下几种方法来遍历对象：

• for...in 循环：for...in 循环用于遍历对象的属性。例如：
  

1. const obj = {a: 1, b: 2, c: 3}
2. for (const key in obj) {
3.   console.log(key, obj[key])
4. }

复制代码

for...in 循环遍历原型链中的属性。这意味着每当我们使用 for...in 循环遍历一个对象时，我们都需要使用 hasOwnProperty 检查该属性是否属于该对象：

1. const obj = {a: 1, b: 2, c: 3}
2. for (const key in obj) {
3.   if (obj.hasOwnProperty(key)) {
4.     console.log(`${key}: ${obj[key]}`);
5.   }
6. }

复制代码

• Object.keys() 方法：Object.keys() 方法返回一个包含对象所有可枚举属性名称的数组。例如：
  

1. const obj = {a: 1, b: 2, c: 3}
2. const keys = Object.keys(obj)
3. for (const key of keys) {
4.   console.log(key, obj[key])
5. }

复制代码

• Object.entries() 方法：Object.entries() 方法返回一个包含对象所有可枚举属性键值对的数组。例如：
  

1. const obj = {a: 1, b: 2, c: 3}
2. const entries = Object.entries(obj)
3. for (const [key, value] of entries) {
4.   console.log(key, value)
5. }

复制代码

• Object.getOwnPropertyNames() 方法：Object.getOwnPropertyNames() 方法返回一个包含对象所有属性名称的数组（包括不可枚举属性）。例如：
  

1. const obj = {a: 1, b: 2, c: 3}
2. const keys = Object.getOwnPropertyNames(obj)
3. for (const key of keys) {
4.   console.log(key, obj[key])
5. }

复制代码

通过这些方法，你就可以在 JavaScript 中正确地遍历对象的属性了。
 

来源:https://www.cnblogs.com/yuzhihui/p/17037225.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！