js中怎样获取对象的key列表

使用 object.keys(obj) 获取对象自身所有可枚举属性的键名；2. 使用 object.getownpropertynames(obj) 获取对象自身所有属性（包括不可枚举）的键名；3. 使用 for...in 循环结合 hasownproperty() 遍历对象自身的可枚举属性；4. 结合 object.getprototypeof() 与递归获取对象及其原型链上所有可枚举的键名；5. 使用 object.getownpropertysymbols() 获取 symbol 类型的键名；6. 使用 in 操作符判断属性是否存在于对象或其原型链中，使用 hasownproperty() 判断属性是否为对象自身的属性。这些方法可根据具体需求选择使用，以准确获取或判断对象的键名。

获取 JavaScript 对象的所有 key，最直接的方法就是使用

Object.keys()

Object.keys() 是最常用的方法，但还有一些其他的选择，取决于你的具体需求。

解决方案（直接输出解决方案即可）

1. Object.keys(obj)

   登录后复制
   : 这是最简单直接的方法。它返回一个数组，包含

   obj

   登录后复制
   对象自身所有可枚举属性的键名。
   

   const myObject = {
     name: 'Alice',
     age: 30,
     city: 'New York'
   };
   
   const keys = Object.keys(myObject);
   console.log(keys); // 输出: ["name", "age", "city"]

   登录后复制

2. Object.getOwnPropertyNames(obj)

   登录后复制
   : 这个方法会返回一个数组，包含

   obj

   登录后复制
   对象自身的所有属性键名，包括不可枚举的属性。

   const myObject = {};
   Object.defineProperty(myObject, 'hiddenProperty', {
     value: 'secret',
     enumerable: false // 不可枚举
   });
   myObject.visibleProperty = 'public';
   
   const keys = Object.getOwnPropertyNames(myObject);
   console.log(keys); // 输出: ["hiddenProperty", "visibleProperty"]

   登录后复制

3. for...in

   登录后复制
   循环: 这个循环会遍历对象自身以及原型链上的所有可枚举属性。你需要使用

   hasOwnProperty()

   登录后复制
   方法来过滤掉原型链上的属性，只保留对象自身的属性。
   

   const myObject = {
     name: 'Alice',
     age: 30
   };
   
   // 添加到原型
   Object.prototype.greeting = function() {
     console.log("Hello!");
   };
   
   const keys = [];
   for (let key in myObject) {
     if (myObject.hasOwnProperty(key)) {
       keys.push(key);
     }
   }
   
   console.log(keys); // 输出: ["name", "age"]
   delete Object.prototype.greeting; //清理原型，避免污染

   登录后复制

4. 结合

   Object.getPrototypeOf()

   登录后复制
   和

   Object.keys()

   登录后复制
   递归获取所有 key: 如果你需要获取对象及其原型链上所有可枚举的 key，可以结合使用

   Object.getPrototypeOf()

   登录后复制
   和

   Object.keys()

   登录后复制
   进行递归。
   

   壁纸样机神器

   免费壁纸样机生成

   0

   查看详情

   function getAllKeys(obj) {
     let keys = Object.keys(obj);
     let proto = Object.getPrototypeOf(obj);
   
     if (proto) {
       keys = keys.concat(getAllKeys(proto));
     }
   
     return keys;
   }
   
   const parent = {
     parentProperty: 'parentValue'
   };
   
   const child = Object.create(parent);
   child.childProperty = 'childValue';
   
   const allKeys = getAllKeys(child);
   console.log(allKeys); // 输出: ["childProperty", "parentProperty"]

   登录后复制

如何处理 Symbol 类型的 key？

Object.keys()

Object.getOwnPropertyNames()

Object.getOwnPropertySymbols()

const myObject = {
  [Symbol('mySymbol')]: 'symbolValue',
  name: 'Alice'
};

const symbolKeys = Object.getOwnPropertySymbols(myObject);
console.log(symbolKeys); // 输出: [Symbol(mySymbol)]

如果你想同时获取字符串类型的 key 和 Symbol 类型的 key，可以结合使用

Object.keys()

Object.getOwnPropertySymbols()

const myObject = {
  [Symbol('mySymbol')]: 'symbolValue',
  name: 'Alice'
};

const stringKeys = Object.keys(myObject);
const symbolKeys = Object.getOwnPropertySymbols(myObject);
const allKeys = stringKeys.concat(symbolKeys);

console.log(allKeys); // 输出: ["name", Symbol(mySymbol)]

性能考量：Object.keys() vs. for...in

通常来说，

Object.keys()

for...in

Object.keys()

for...in

hasOwnProperty()

const obj = { a: 1, b: 2 };
const proto = { c: 3 };
Object.setPrototypeOf(obj, proto);

// Object.keys()
console.time('Object.keys');
Object.keys(obj); // 只返回 obj 自身的属性
console.timeEnd('Object.keys');

// for...in
console.time('for...in');
for (let key in obj) {
  // 这里没有使用 hasOwnProperty，所以会遍历原型链上的属性
}
console.timeEnd('for...in');

console.time('for...in with hasOwnProperty');
for (let key in obj) {
  if (obj.hasOwnProperty(key)) { // 只返回 obj 自身的属性
  }
}
console.timeEnd('for...in with hasOwnProperty');

如何判断一个 key 是否存在于对象中？

有时候，你可能不是要获取所有的 key，而是要判断一个特定的 key 是否存在于对象中。 这时，可以使用

in

hasOwnProperty()

• in

  登录后复制
  操作符: 如果指定的属性在对象或其原型链中，则

  in

  登录后复制
  操作符返回

  true

  登录后复制
  。

  const myObject = {
    name: 'Alice'
  };
  
  console.log('name' in myObject); // 输出: true
  console.log('toString' in myObject); // 输出: true (toString 是 Object 原型上的属性)

  登录后复制

• hasOwnProperty()

  登录后复制
  方法: 如果指定的属性是对象自身的属性，而不是继承来的，则

  hasOwnProperty()

  登录后复制
  方法返回

  true

  登录后复制
  。

  const myObject = {
    name: 'Alice'
  };
  
  console.log(myObject.hasOwnProperty('name')); // 输出: true
  console.log(myObject.hasOwnProperty('toString')); // 输出: false

  登录后复制

以上就是js中怎样获取对象的key列表的详细内容，更多请关注php中文网其它相关文章！