深入理解 JavaScript 中 Object.keys() 方法：解析对象属性的利器

逃离我推掉我的手 2024-02-05 12:13 40阅读 0赞

Object.keys() 是 JavaScript 中用于获取对象自身可枚举属性名称的方法。虽然这个方法看似简单，但它在处理对象属性和操作数据时非常重要。下面我将详细解释 Object.keys() 的作用、语法和用法，以及它在实际编程中的应用。

## 1.什么是 Object.keys()? ##

Object.keys() 是一个用于返回一个给定对象自身可枚举属性的名称的方法，返回的是一个由属性名称组成的数组。这个方法并不会列出原型链上的属性，它只会返回对象自身的属性名称。

## 2.语法 ##

Object.keys() 的语法非常简单：

Object.keys(obj)

#### 1.参数 ####

obj： 要获取属性名称的对象。

#### 2.返回值 ####

一个由给定对象自身可枚举的字符串键属性键组成的数组。

## 3.用法示例 ##

如何使用 Object.keys()

// 简单数组
    const arr = ["a", "b", "c"];
    console.log(Object.keys(arr)); // ['0', '1', '2']
    
    // 类数组对象
    const obj = { 0: "a", 1: "b", 2: "c" };
    console.log(Object.keys(obj)); // ['0', '1', '2']
    
    // 键的顺序随机的类数组对象
    const anObj = { 100: "a", 2: "b", 7: "c" };
    console.log(Object.keys(anObj)); // ['2', '7', '100']
    
    // getFoo 是一个不可枚举的属性
    const myObj = Object.create(
      {},
      {
        getFoo: {
          value() {
            return this.foo;
          },
        },
      },
    );
    myObj.foo = 1;
    console.log(Object.keys(myObj)); // ['foo']

## 4.应用场景 ##

#### 1.迭代对象属性 ####

Object.keys() 可以用于迭代对象的属性，进行各种操作，比如计算属性的数量或者筛选特定类型的属性。

const person = {
      name: 'Alice',
      age: 30,
      email: 'alice@example.com'
    };
    
    const propertyCount = Object.keys(person).length;
    console.log(propertyCount); // Output: 3

#### 2.过滤属性 ####

你可以使用 Object.keys() 结合 Array 的 filter 方法来过滤对象的特定属性。

const person = {
      name: 'Bob',
      age: 25,
      email: 'bob@example.com',
      isAdmin: true
    };
    
    const nonAdminKeys = Object.keys(person).filter(key => key !== 'isAdmin');
    console.log(nonAdminKeys); // Output: ['name', 'age', 'email']

#### 3.遍历和映射属性 ####

通过 Object.keys()，你可以遍历对象的属性，并进行操作或者映射。

## 5.注意事项 ##

*  Object.keys() 返回的属性名称是一个数组，属性的顺序与添加到对象中的顺序一致，但在一些 JavaScript 引擎中可能不一致。
 *  它只返回对象自身可枚举的属性名称，不包括继承的属性名称。

## 6.总结 ##

Object.keys() 是 JavaScript 中一个简单却强大的方法，它允许你获取对象的属性名称，并在实际编程中有着广泛的应用。通过该方法，你可以轻松地迭代对象属性、计算属性的数量、过滤特定类型的属性或者对属性进行遍历和映射。这使得它成为 JavaScript 开发中不可或缺的一部分。