如何编写一个接收对象并返回其键名列表的 JavaScript 函数-js教程-PHP中文网

如何编写一个接收对象并返回其键名列表的 JavaScript 函数

本文教你如何正确实现一个接收单个对象参数、返回其所有可枚举自有属性键名数组的函数，并澄清常见误区（如误传多个对象、错误调用 Object.keys）。

本文教你如何正确实现一个接收单个对象参数、返回其所有可枚举自有属性键名数组的函数，并澄清常见误区（如误传多个对象、错误调用 `object.keys`）。

在 JavaScript 中，Object.keys() 是获取对象键名的标准方法，但它只接受一个对象参数，且返回的是一个字符串数组。初学者常犯的错误包括：在函数内部硬编码多个对象、错误地向 Object.keys() 传入多个参数（如 Object.keys(obj1, obj2)），或混淆“接收一个对象”与“合并多个对象”的需求。

正确的实现应遵循单一职责原则：函数签名明确接收一个对象，逻辑清晰，便于复用和测试。基础版本如下：

function keyGenerator(obj) {
  if (obj === null || typeof obj !== 'object') {
    throw new TypeError('Expected an object');
  }
  return Object.keys(obj);
}

该函数安全地校验输入类型，避免对 null 或非对象值调用 Object.keys 导致运行时错误。

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

若实际需求是合并多个对象后再提取全部键名（例如将 obj1 和 obj2 的键汇总），则应在调用时使用扩展运算符（...）进行浅合并，而非修改函数本身：

const obj1 = { color: "black", inkColor: "blue", brand: "Bic" };
const obj2 = { name: "weight", weight: 230, height: 6.2 };

// 合并后传入 —— 保持函数纯净性
const allKeys = keyGenerator({ ...obj1, ...obj2 });
console.log(allKeys);
// 输出: ["color", "inkColor", "brand", "name", "weight", "height"]

⚠️ 注意事项：