JavaScript 对象属性遍历方法详解201

在 JavaScript 中，对象是一个无序集合，包含键值对。对象属性通常通过点号（.）或方括号（[]）语法进行访问和修改。然而，对于复杂对象或需要对对象属性进行循环遍历的操作，我们需要使用特定的方法。

本文将详细介绍 JavaScript 中常用的对象属性遍历方法，包括 ()、()、()、for ... in 和 for ... of，并探讨它们的优缺点和适用场景。

()

() 方法返回一个包含对象所有可枚举键的数组。这意味着它只会返回对象自身拥有的键，不会返回从原型链继承的键。```
const person = {
name: "John",
age: 30,
occupation: "Developer"
};
const keys = (person);
(keys); // ["name", "age", "occupation"]
```

()

() 方法返回一个包含对象所有可枚举值的数组。这与 () 类似，但它返回的是值的数组。```
const person = {
name: "John",
age: 30,
occupation: "Developer"
};
const values = (person);
(values); // ["John", 30, "Developer"]
```

()

() 方法返回一个包含对象所有可枚举键值对的数组。每个键值对都表示为一个包含键和值的数组。```
const person = {
name: "John",
age: 30,
occupation: "Developer"
};
const entries = (person);
(entries); // [["name", "John"], ["age", 30], ["occupation", "Developer"]]
```

for ... in

for ... in 语句遍历对象的所有可枚举属性，无论它们是对象自身拥有的还是从原型链继承的。它使用 in 运算符来检查属性的存在性。```
const person = {
name: "John",
age: 30,
occupation: "Developer"
};
for (const key in person) {
(key); // "name", "age", "occupation"
}
```

for ... of

for ... of 语句遍历对象的所有可枚举值，无论它们是对象自身拥有的还是从原型链继承的。它使用 of 运算符来迭代值。```
const person = {
name: "John",
age: 30,
occupation: "Developer"
};
for (const value of (person)) {
(value); // "John", 30, "Developer"
}
```

选择最合适的遍历方法

选择最合适的遍历方法取决于具体用例和要达到的目的。下表总结了每个方法的优缺点：| 方法 | 优点 | 缺点 |
|---|---|---|
| () | 返回键数组 | 不返回值 |
| () | 返回值数组 | 不返回值 |
| () | 返回键值对数组 | 可能返回非对象自身拥有的属性 |
| for ... in | 遍历所有可枚举属性，包括原型链属性 | 可能返回非对象自身拥有的属性 |
| for ... of | 遍历所有可枚举值，包括原型链属性 | 可能返回非对象自身拥有的值 |

一般来说，() 和 () 用于需要检索键或值数组的情况。() 用于需要同时检索键和值的情况。for ... in 和 for ... of 主要用于需要遍历对象所有可枚举属性或值的情况，包括从原型链继承的属性或值。

需要注意的是，()、() 和 ()只会返回可枚举的属性。对于非枚举属性（即使用 () 设置为不可枚举的属性），需要使用其他方法，例如 () 或 ()。

2025-01-13

上一篇：PHP 与 JavaScript 交互

下一篇：JavaScript 数组删除元素指南