JavaScript 中 Object.keys 怎么遍历对象-js教程-PHP中文网

object.keys 并不直接执行遍历动作，而是返回一个包含对象自身可枚举属性名的字符串数组。要完成遍历，需要将该返回值传入 foreach、for...of 或传统 for 循环中处理每个键名。

JavaScript 中 Object.keys 怎么遍历对象

如何获取并处理对象的所有键名

调用 Object.keys(obj) 会生成一个由键名组成的数组，随后通过数组的迭代方法即可访问这些键。例如使用 forEach 可以按顺序执行回调函数，利用索引和键名操作数据。

JavaScript 中 Object.keys 怎么遍历对象

const user = { name: 'Alice', age: 30, role: 'admin' };

Object.keys(user).forEach(key => {
  console.log(`${key}: ${user[key]}`);
});
// 输出:
// name: Alice
// age: 30
// role: admin

上述代码首先提取键列表，然后逐个打印对应的值。这种方式确保了只处理对象自身的属性，不会涉及原型链上的内容。

在条件过滤中如何使用键列表

当需要根据特定条件筛选属性时，可以先获取键数组，再结合 filter 或 reduce 进行逻辑判断。这种方法适用于需要构建新对象或统计信息的场景。

JavaScript 测试模式

使用 Jest、Vitest 和 Testing Library 实施全面的测试策略，包括单元测试、集成测试和端到端测试，涵盖模拟、测试夹具和测试驱动开发。在编

下载

JavaScript 中 Object.keys 怎么遍历对象

const scores = { math: 95, english: 82, history: 78 };

const passedKeys = Object.keys(scores).filter(key => scores[key] >= 90);
console.log(passedKeys); // [ 'math' ]

const totalScore = Object.keys(scores).reduce((sum, key) => sum + scores[key], 0);
console.log(totalScore); // 255

这里通过 filter 找出了及格科目，并通过 reduce 计算了总分。输入对象保持不变，结果仅依赖于键值的数值比较。

当对象包含不可枚举属性时会发生什么

如果对象中存在通过 Object.defineProperty 设置的不可枚举属性，Object.keys 将忽略它们。这些属性不会出现在返回的数组中，导致遍历时遗漏部分数据。

const obj = { a: 1 };
Object.defineProperty(obj, 'b', { value: 2, enumerable: false });

console.log(Object.keys(obj)); // [ 'a' ]
console.log('b' in obj);       // true

运行结果显示只有 a 被列出，尽管 b 确实存在于对象中。若需获取所有属性名，应改用 Object.getOwnPropertyNames。