js怎么取得json中键名

JavaScript 轻松获取 JSON 对象的键名**

在 JavaScript 开发中，我们经常需要处理 JSON（JavaScript Object Notation）格式的数据，JSON 是一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成，它本质上是一个由键值对组成的对象，当我们拿到一个 JSON 对象时，很多时候我们需要获取其中所有的键名（Key/Property Name），以便进行遍历、筛选、动态访问等操作，本文将详细介绍几种在 JavaScript 中获取 JSON 对象键名的方法。

前提：理解 JSON 与 JavaScript 对象的关系

需要明确的是,在 JavaScript 中，我们通常所说的 "JSON 对象" 实际上是指遵循 JSON 格式的 JavaScript 对象字面量。

const jsonData = {
  "name": "张三",
  "age": 30,
  "isStudent": false,
  "address": {
    "city": "北京",
    "district": "朝阳区"
  },
  "hobbies": ["reading", "running"]
};

这个 jsonData 就是一个标准的 JavaScript 对象，它的结构符合 JSON 规范，我们要获取的就是它顶层或嵌套对象的键名，如 "name", "age", "isStudent" 等。

使用 Object.keys()

Object.keys() 是 JavaScript 中最直接、最常用的获取对象所有可枚举属性（键名）的方法，它接收一个对象作为参数，返回一个包含该对象所有自身可枚举属性键名的数组。

示例代码：

const jsonData = {
  "name": "张三",
  "age": 30,
  "isStudent": false
};
const keys = Object.keys(jsonData);
console.log(keys); // 输出: ["name", "age", "isStudent"]

特点：

• 只返回对象自身的可枚举属性。
• 不包括继承的属性。
• 返回的键名顺序与对象中属性的枚举顺序一致（在现代 JavaScript 引擎中，通常定义顺序）。

使用 for...in 循环

for...in 循环用于遍历对象的所有可枚举属性（包括继承的可枚举属性），在循环体中，我们可以获取到每个属性的键名。

示例代码：

const jsonData = {
  "name": "张三",
  "age": 30,
  "isStudent": false
};
for (const key in jsonData) {
  // 使用 hasOwnProperty 方法判断是否是对象自身的属性，避免获取到继承的属性
  if (jsonData.hasOwnProperty(key)) {
    console.log(key); // 依次输出: "name", "age", "isStudent"
  }
}

特点：

• 会遍历对象自身及其原型链上的所有可枚举属性。
• 通常需要配合 Object.prototype.hasOwnProperty.call(obj, prop) 或 obj.hasOwnProperty(prop) 来判断属性是否是对象自身的，以避免获取到不必要的继承属性。
• 同样,属性的遍历顺序与 Object.keys() 类似。

使用 Object.getOwnPropertyNames()

Object.getOwnPropertyNames() 方法返回一个数组，该数组包含对象自身的所有属性（包括不可枚举的属性，但不包括 Symbol 类型的属性和继承的属性）。

示例代码：

const jsonData = {
  "name": "张三",
  "age": 30
};
// 假设我们有一个不可枚举的属性
Object.defineProperty(jsonData, "internalId", {
  value: "12345",
  enumerable: false
});
const allKeys = Object.getOwnPropertyNames(jsonData);
console.log(allKeys); // 输出: ["name", "age", "internalId"]

特点：

• 返回对象自身的所有属性,无论是否可枚举。
• 不包括 Symbol 属性和继承属性。
• 如果只需要可枚举属性,Object.keys() 更合适；如果需要包括不可枚举的属性，则使用此方法。

获取嵌套 JSON 对象的键名

JSON 对象中包含嵌套的对象，并且我们需要获取所有层级的键名（包括嵌套对象的键名），则需要使用递归的方法。

示例代码：

const nestedJsonData = {
  "level1": {
    "level2A": {
      "level3": "value3"
    },
    "level2B": "value2B"
  },
  "topLevel": "valueTop"
};
function getAllKeys(obj, prefix = '') {
  let keys = [];
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      // 当前键名，带前缀（用于嵌套情况）
      const fullKey = prefix ? `${prefix}.${key}` : key;
      keys.push(fullKey);
      // 如果当前属性的值是一个对象且不是 null，则递归处理
      if (typeof obj[key] === 'object' && obj[key] !== null) {
        keys = keys.concat(getAllKeys(obj[key], fullKey));
      }
    }
  }
  return keys;
}
const allNestedKeys = getAllKeys(nestedJsonData);
console.log(allNestedKeys);
// 输出可能类似于: ["level1", "level1.level2A", "level1.level2A.level3", "level1.level2B", "topLevel"]
// (注意："level1"和"level1.level2A"等都是键名，根据需求可能需要调整递归逻辑以只获取最深层键名或带路径的键名)
// 如果只想获取所有层级的键名（不带路径），可以这样调整递归：
function getAllKeysSimple(obj) {
  let keys = [];
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) {
      keys.push(key);
      if (typeof obj[key] === 'object' && obj[key] !== null) {
        keys = keys.concat(getAllKeysSimple(obj[key]));
      }
    }
  }
  return keys;
}
const allSimpleKeys = getAllKeysSimple(nestedJsonData);
console.log(allSimpleKeys);
// 输出: ["level1", "level2A", "level3", "level2B", "topLevel"]

注意事项

1. JSON vs JavaScript 对象：如果数据是从字符串形式的 JSON 获取的，首先需要使用 JSON.parse() 将其转换为 JavaScript 对象，然后才能使用上述方法。

   const jsonString = '{"name": "李四", "age": 25}';
   const jsonObj = JSON.parse(jsonString);
   console.log(Object.keys(jsonObj)); // 输出: ["name", "age"]

2. Symbol 键名：上述 Object.keys(), for...in, Object.getOwnPropertyNames() 都不会获取到 Symbol 类型的键名，如果需要获取 Symbol 键名，可以使用 Object.getOwnPropertySymbols() 方法。

3. 原型链：for...in 会遍历原型链上的可枚举属性，因此通常需要配合 hasOwnProperty 使用。Object.keys() 和 Object.getOwnPropertyNames() 则只关心对象自身的属性。

在实际开发中,Object.keys() 是获取 JSON 对象键名最常用和推荐的方法，简洁高效，对于嵌套对象，则需要根据需求选择递归或其他方式来处理，理解这些方法的区别和适用场景，能帮助我们更灵活地处理 JSON 数据。