从嵌套的Json对象中获取同级数据

在处理嵌套的JSON对象时，有时我们需要获取同一层级的数据。以下是一些基础概念和相关方法：

基础概念

JSON（JavaScript Object Notation）：一种轻量级的数据交换格式，易于人阅读和编写，也易于机器解析和生成。
嵌套JSON：JSON对象中包含其他JSON对象或数组，形成多层次的结构。

获取同级数据的方法

假设我们有以下嵌套的JSON对象：

{
  "name": "John",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "Anytown"
  },
  "contacts": [
    {
      "type": "email",
      "value": "john@example.com"
    },
    {
      "type": "phone",
      "value": "123-456-7890"
    }
  ]
}

方法一：使用点符号或方括号访问

如果你知道具体的键路径，可以直接访问：

const data = {
  "name": "John",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "Anytown"
  },
  "contacts": [
    {
      "type": "email",
      "value": "john@example.com"
    },
    {
      "type": "phone",
      "value": "123-456-7890"
    }
  ]
};

console.log(data.name); // 输出: John
console.log(data.address.city); // 输出: Anytown
console.log(data.contacts[0].value); // 输出: john@example.com

方法二：使用递归函数遍历JSON对象

如果你需要动态地获取同级数据，可以使用递归函数：

function getSameLevelData(obj, targetKey) {
  const result = [];
  for (const key in obj) {
    if (key === targetKey) {
      result.push(obj[key]);
    } else if (typeof obj[key] === 'object' && !Array.isArray(obj[key])) {
      result.push(...getSameLevelData(obj[key], targetKey));
    }
  }
  return result;
}

const data = {
  "name": "John",
  "age": 30,
  "address": {
    "street": "123 Main St",
    "city": "Anytown"
  },
  "contacts": [
    {
      "type": "email",
      "value": "john@example.com"
    },
    {
      "type": "phone",
      "value": "123-456-7890"
    }
  ]
};

console.log(getSameLevelData(data, 'city')); // 输出: ["Anytown"]

应用场景

数据验证：在处理复杂的数据结构时，确保所有预期的字段都存在。
数据转换：将嵌套的JSON数据转换为更易于处理的格式。
数据分析：提取特定层级的数据进行分析或展示。

可能遇到的问题及解决方法

问题1：键路径错误

原因：尝试访问不存在的键路径。 解决方法：在访问前检查键是否存在。

if (data.hasOwnProperty('address') && data.address.hasOwnProperty('city')) {
  console.log(data.address.city);
} else {
  console.log('Key not found');
}

问题2：循环引用

原因：JSON对象中存在循环引用，导致递归函数陷入无限循环。 解决方法：使用一个集合来跟踪已访问的对象。

function getSameLevelData(obj, targetKey, visited = new Set()) {
  if (visited.has(obj)) return [];
  visited.add(obj);

  const result = [];
  for (const key in obj) {
    if (key === targetKey) {
      result.push(obj[key]);
    } else if (typeof obj[key] === 'object' && !Array.isArray(obj[key])) {
      result.push(...getSameLevelData(obj[key], targetKey, visited));
    }
  }
  return result;
}

通过这些方法，你可以有效地从嵌套的JSON对象中获取同级数据，并处理可能遇到的问题。