js遍历对象的多种方法

遍历对象的多种方法有：

1. for...in 循环

for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}

2. Object.keys() 方法

Object.keys(obj).forEach(function(key) {
  console.log(key + ': ' + obj[key]);
});

3. Object.getOwnPropertyNames() 方法

Object.getOwnPropertyNames(obj).forEach(function(key) {
  console.log(key + ': ' + obj[key]);
});

4. Object.values() 方法

Object.values(obj).forEach(function(value) {
  console.log(value);
});

相关问题

js 遍历对象实用方法

回答: 在JavaScript中，遍历对象有多种实用方法可以使用。其中一种方法是使用for...in循环来遍历对象的属性。该循环会遍历对象的所有可枚举属性，包括继承的属性。例如：

const obj = {
  property1: 'value1',
  property2: 'value2',
  property3: 'value3'
};

for (let key in obj) {
  console.log(key + ': ' + obj[key]);
}

另一种方法是使用Object.keys()方法来获取对象的所有属性，并将其存储在数组中。然后可以使用forEach()方法或for...of循环来遍历该数组。例如：

const obj = {
  property1: 'value1',
  property2: 'value2',
  property3: 'value3'
};

const keys = Object.keys(obj);

keys.forEach(key => {
  console.log(key + ': ' + obj[key]);
});

// 或者使用for...of循环
for (let key of keys) {
  console.log(key + ': ' + obj[key]);
}

还有一种方法是使用Object.entries()方法将对象转换为键值对的数组。然后可以使用forEach()方法或for...of循环遍历该数组。例如：

const obj = {
  property1: 'value1',
  property2: 'value2',
  property3: 'value3'
};

const entries = Object.entries(obj);

entries.forEach(([key, value]) => {
  console.log(key + ': ' + value);
});

// 或者使用for...of循环
for (let [key, value of entries) {
  console.log(key + ': ' + value);
}

这些方法可以根据不同的需求来选择使用，以实现对对象的遍历操作。

js 遍历对象的方法

在JavaScript中，遍历对象的方法有多种。一种常用的方法是使用for...in循环来遍历对象的属性。这个循环会将对象的每个可枚举属性作为迭代变量来遍历。例如：

for (let key in obj) {
  console.log(key + ": " + obj[key]);
}

其中，`key`代表对象的属性名，`obj[key]`代表属性的值。

另一种方法是使用Object.keys()方法来获取对象的所有可枚举属性，然后使用forEach()方法来遍历属性。例如：

Object.keys(obj).forEach((key) => {
  console.log(key + ": " + obj[key]);
});

还有一种方法是使用Object.getOwnPropertyNames()方法来获取对象的所有属性（包括不可枚举属性），然后使用forEach()方法来遍历属性。例如：

Object.getOwnPropertyNames(obj).forEach((key) => {
  console.log(key + ": " + obj[key]);
});

另外，如果对象中包含Symbol类型的属性，可以使用Object.getOwnPropertySymbols()方法来获取对象的所有Symbol属性，然后使用forEach()方法来遍历属性。例如：

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* *3* [JS 5种遍历对象的方式](https://blog.csdn.net/libie_lt/article/details/112628293)[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: 100%"]
[ .reference_list ]