JavaScript的Object.keys方法是什么?怎么用?

来源:Nodejs社区作者:向日葵头衔:草根站长
导读:本期聚焦于小伙伴创作的《JavaScript的Object.keys方法是什么?怎么用?》,敬请观看详情。想快速拿到一个对象上所有可枚举的自有属性名却不想手写循环?Object.keys正是为此设计的静态方法。它接收一个对象作为参数,返回一个由字符串键组成的数组,顺序与手动遍历一致。该方法只收集自身可枚举属性,不会包含继承来的原型属性,也不会提取Symbol类型的键。相比for-in需要配合hasOwnProperty过滤,Object.keys直接给出干净的结果,适合做配置比对、表单字段提取和浅层序列化前的键检查。理解它的边界,能避免把方法或原型链上的字段误当成本身数据。

在JavaScript里处理对象时,我们常常需要把对象自己的属性名全部列出来,用来做遍历、比对或者生成表单字段。Object.keys就是语言内置的一个静态方法,挂在Object构造函数上,专门用来获取对象自身的可枚举字符串属性键,并以数组形式返回。它不会去翻原型链,也不会把Symbol键算进去,这一点和for-in循环、Object.getOwnPropertyNames都不同。

JavaScript的Object.keys方法是什么?怎么用?

Object.keys的基本定义与语法

Object.keys属于ECMAScript 5引入的标准方法,调用方式非常简单,只需要把一个目标对象传进去。如果传入的不是对象,在非严格模式下会被强制转换成对象,在严格模式下则直接抛错。返回值永远是一个数组,数组里的每一项都是字符串,对应对象自身可枚举属性的键名。

所谓“自身”是指不是从原型链继承来的,“可枚举”是指属性的enumerable描述符为true。大多数通过字面量或赋值方式添加的普通属性都是可枚举的,而像Object.prototype上的方法则不可枚举。下面看一个最基础的例子:

var user = {
  name: '张三',
  age: 28,
  email: 'test@ipipp.com'
};

var keys = Object.keys(user);
console.log(keys); // ["name", "age", "email"]
console.log(Array.isArray(keys)); // true

从代码可以看出,Object.keys返回的就是一个普通的数组,因此我们可以直接使用数组的一切方法,比如map、filter、forEach。这也让它在函数式写法里非常顺手。

Object.keys与for-in的区别

很多初学者容易把Object.keys和for-in搞混,因为二者都能“列出属性”。但for-in会沿着原型链向上找,把继承来的可枚举属性也列出来;Object.keys只认对象自己的可枚举属性。如果不用hasOwnProperty做过滤,for-in就可能把原型上的方法名也遍历出来,造成逻辑错误。

下面的例子展示了这种差异。我们给一个构造函数的原型上加了一个方法,然后用两种方式分别获取属性:

function Person() {
  this.name = '李四';
  this.age = 30;
}
Person.prototype.sayHi = function() {};

var p = new Person();

// for-in 会拿到原型上的 sayHi
var forInKeys = [];
for (var k in p) {
  forInKeys.push(k);
}
console.log(forInKeys); // ["name", "age", "sayHi"]

// Object.keys 只拿自身
console.log(Object.keys(p)); // ["name", "age"]

可以看到,Object.keys天然避开了原型污染的问题。如果你的目的只是处理当前对象自己的数据字段,用Object.keys比for-in加判断更直观,也更不容易出错。当然,如果你确实需要遍历继承属性,那还是得用for-in。

Object.keys的使用场景与示例

在实际项目中,Object.keys常见的用途包括:检查对象是否为空、提取字段做表单校验、把对象转成键值对数组、以及做简单的浅层对比。由于返回的是数组,我们可以配合length属性快速判断对象有没有自有可枚举属性。

比如一个配置对象可能在某些环境下没有任何字段,我们可以用Object.keys(config).length === 0来判断。再比如要把对象所有值提取出来发给后端之前,先确认包含哪些字段:

var config = {
  timeout: 3000,
  retry: 2
};

if (Object.keys(config).length === 0) {
  console.log('配置为空,使用默认项');
} else {
  var fields = Object.keys(config).map(function(key) {
    return key + '=' + config[key];
  });
  console.log(fields.join('&')); // "timeout=3000&retry=2"
}

上面的代码先把键取出来,再用map拼成字符串,逻辑清晰。如果是深层对象对比,Object.keys也能帮我们先比键集合是否一致,再递归比值,避免直接序列化带来的顺序问题。

注意事项与边界情况

使用Object.keys时有几个容易踩坑的地方。第一,它不会返回Symbol类型的键,哪怕这个Symbol是自己对象上的可枚举属性。如果需要连Symbol一起拿,要用Object.getOwnPropertySymbols或者Reflect.ownKeys。第二,它只返回可枚举属性,用Object.defineProperty定义且enumerable为false的键不会出现。

第三,传入原始类型时,JavaScript会将其包装成对象,但原始类型的包装对象通常没有自有可枚举属性,所以返回空数组,而不会报错。看下面的例子:

console.log(Object.keys('abc')); // ["0", "1", "2"] 字符串有索引可枚举
console.log(Object.keys(123));   // [] 数字包装对象无自有可枚举属性
console.log(Object.keys(null));  // 报错 TypeError

字符串因为具备类数组的索引属性,所以会把0、1、2作为键返回;而数字和布尔包装后没有可枚举自有属性,得到空数组。但是传null或undefined会直接抛TypeError,因此在不确定入参时,最好先做类型保护,例如使用typeof判断或者给默认值。

小结

Object.keys是一个轻量、安全、语义明确的对象键提取工具。它只返回对象自身的可枚举字符串属性,不涉及原型链和Symbol,返回数组便于后续处理。在表单处理、配置检查、对象遍历等场景中,它比for-in更简洁,也比Object.getOwnPropertyNames更聚焦。只要留意它对null、undefined以及Symbol和不可枚举属性的边界处理,就能在代码中放心使用。

Object.keysJavaScript对象遍历枚举属性修改时间:2026-08-08 20:42:31

免责声明:​ 已尽一切努力确保本网站所含信息的准确性。网站内容多为原创整理与精心编撰,观点力求客观中立。本站旨在免费分享,内容仅供个人学习、研究或参考使用。若引用了第三方作品,版权归原作者所有。如内容涉及您的权益,请联系我们处理。
内容垂直聚焦
专注技术核心技术栏目,确保每篇文章深度聚焦于实用技能。从代码技巧到架构设计,为用户提供无干扰的纯技术知识沉淀,精准满足专业提升需求。
知识结构清晰
覆盖从开发到部署的全链路。AI、前端、编程、数据库、服务器、建站、系统层层递进,构建清晰学习路径,帮助用户系统化掌握开发与运维所需的核心技术。
深度技术解析
拒绝泛泛而谈,深入技术细节与实践难点。无论是数据库优化还是服务器配置,均结合真实场景与代码示例进行剖析,致力于提供可直接应用于工作的解决方案。
专业领域覆盖
精准对应开发生命周期。从前端界面到后端编程,从数据库操作到服务器运维,形成完整闭环,一站式满足全栈工程师和运维人员的技术需求。
即学即用高效
内容强调实操性,步骤清晰、代码完整。用户可根据教程直接复现和应用于自身项目,显著缩短从学习到实践的距离,快速解决开发中的具体问题。
持续更新保障
专注既定技术方向进行长期、稳定的内容输出。确保各栏目技术文章持续更新迭代,紧跟主流技术发展趋势,为用户提供经久不衰的学习价值。