如何从嵌套对象中仅获取属性名称键 - Javascript

在使用嵌套对象时，有时我们只需要获取对象的属性名称键而不需要其值。下面我们将介绍如何在 Javascript 中从嵌套对象中仅获取属性名称键。

方法一：使用 for...in 循环

使用 for...in 循环可以遍历对象的属性名称键。下面是一个简单的示例代码：

const obj = {
  foo: 'bar',
  baz: {
    qux: 'quux',
    corge: 'grault'
  }
};

for (const key in obj) {
  console.log(key); // 输出 foo, baz
}

该代码将输出对象 obj 的所有属性名称键。需要注意的是，for...in 循环也会遍历到对象原型链上的属性名称键，因此可能需要使用 obj.hasOwnProperty(key) 进行过滤。

方法二：使用 Object.keys() 方法

使用 Object.keys() 方法可以获取对象的属性名称键组成的数组。下面是一个简单的示例代码：

const obj = {
  foo: 'bar',
  baz: {
    qux: 'quux',
    corge: 'grault'
  }
};

const keys = Object.keys(obj);
console.log(keys); // 输出 ['foo', 'baz']

该代码将输出对象 obj 的所有属性名称键组成的数组。需要注意的是，Object.keys() 方法只能获取到对象自身的属性名称键，而不能获取到原型链上的属性名称键。

方法三：使用 ES6 中的解构语法

使用 ES6 中的解构语法可以轻松地从嵌套对象中获取属性名称键。下面是一个简单的示例代码：

const obj = {
  foo: 'bar',
  baz: {
    qux: 'quux',
    corge: 'grault'
  }
};

const { foo, baz } = obj;
console.log(Object.keys({ foo, baz })); // 输出 ['foo', 'baz']

该代码将使用解构语法从对象 obj 中获取属性 foo 和 baz，然后调用 Object.keys() 方法获取属性名称键组成的数组。

总结

以上介绍了三种从嵌套对象中获取属性名称键的方法：for...in 循环、Object.keys() 方法和 ES6 中的解构语法。无论你选择哪种方法，都可以轻松地获取嵌套对象中的属性名称键，从而更好地操作对象的属性。