JavaScript 中遍历对象的四种方法：for...in 循环，遍历键（包括原型链上的键）。Object.keys() 方法，返回包含所有键的数组。Object.values() 方法，返回包含所有值的数组。Object.entries() 方法，返回包含键值对元组的数组。
如何在 JavaScript 中循环遍历对象
JavaScript 对象是一种无序的键值对集合，为了遍历对象中的键值对，有以下几种方法：
1. for...in 循环
此方法用于遍历对象的键，并且可以访问对象的原型链上的键。语法如下：
<code class="javascript">for (let key in object) {
// 使用 key 来访问 object[key]
}</code>例如：
<code class="javascript">const person = { name: 'John', age: 30 };
for (let key in person) {
console.log(person[key]); // 输出："John", "30"
}</code>2. Object.keys() 方法
此方法返回一个包含对象所有键的数组，然后可以遍历该数组。语法如下：
<code class="javascript">const keys = Object.keys(object);
for (let i = 0; i < keys.length; i++) {
// 使用 keys[i] 来访问 object[keys[i]]
}</code>例如：
<code class="javascript">const person = { name: 'John', age: 30 };
const keys = Object.keys(person);
for (let i = 0; i < keys.length; i++) {
console.log(person[keys[i]]); // 输出："John", "30"
}</code>3. Object.values() 方法
此方法返回一个包含对象所有值的数组，然后可以遍历该数组。语法如下：
<code class="javascript">const values = Object.values(object);
for (let i = 0; i < values.length; i++) {
// 使用 values[i] 来访问对应键的值
}</code>例如：
<code class="javascript">const person = { name: 'John', age: 30 };
const values = Object.values(person);
for (let i = 0; i < values.length; i++) {
console.log(values[i]); // 输出："John", "30"
}</code>4. Object.entries() 方法
此方法返回一个包含对象所有键值对的数组，每个键值对是一个数组形式的元组，然后可以遍历该数组。语法如下：
<code class="javascript">const entries = Object.entries(object);
for (let i = 0; i < entries.length; i++) {
// 使用 entries[i][0] 和 entries[i][1] 来分别访问键和值
}</code>例如：
<code class="javascript">const person = { name: 'John', age: 30 };
const entries = Object.entries(person);
for (let i = 0; i < entries.length; i++) {
console.log(entries[i][0], entries[i][1]); // 输出："name John", "age 30"
}</code>选择方法的建议：
- 如果需要同时访问键和值，建议使用
Object.entries()方法。 - 如果只需要访问键，建议使用
for...in循环或Object.keys()方法。 - 如果只需要访问值，建议使用
Object.values()方法。
