js多层json怎么取key值

当你面对一个嵌套多层的JSON对象时,想要获取某个key的值，是不是觉得有点无从下手呢？别担心，今天就来详细聊聊如何在JavaScript中轻松获取多层JSON的key值。

js多层json怎么取key值

让我们先了解一下什么是JSON,JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成，在JavaScript中，我们可以很方便地处理JSON数据。

js多层json怎么取key值

假设我们有一个如下所示的嵌套JSON对象：

var data = {
  a: {
    b: {
      c: "Hello World"
    }
  }
};

我们的目标是获取key c 对应的值 "Hello World"，下面就来一步步看看如何操作。

直接访问

如果JSON结构比较简单,我们可以通过直接访问属性的方式来获取key值。

var value = data.a.b.c;
console.log(value); // 输出：Hello World

这种方法适用于我们知道每一层的key,且JSON结构固定的情况下。

使用循环

当JSON结构较为复杂,层级不确定时，我们可以使用循环来遍历每一层，直到找到我们想要的key。

function getKeyValue(json, key) {
  for (var k in json) {
    if (k === key) {
      return json[k];
    } else if (typeof json[k] === "object") {
      var result = getKeyValue(json[k], key);
      if (result) return result;
    }
  }
  return null;
}
var value = getKeyValue(data, 'c');
console.log(value); // 输出：Hello World

这个方法中,我们定义了一个getKeyValue函数，它接收两个参数：json和key，函数内部使用递归的方式遍历每一层，直到找到对应的key。

使用ES6新特性

如果你熟悉ES6,还可以使用reduce和find方法来简化这个过程：

function getKeyValue(json, key) {
  return json.reduce((acc, val) => {
    if (acc) return acc;
    if (val[key] !== undefined) return val[key];
    if (typeof val === 'object') return getKeyValue(Object.values(val), key);
  }, null);
}
var value = getKeyValue(Object.values(data), 'c');
console.log(value); // 输出：Hello World

这里,我们使用了reduce方法来遍历数组，并在回调函数中判断当前元素是否包含目标key，如果不包含，且当前元素是对象类型，则继续递归遍历。