嵌套 JSON 对象值检索

Beginner

This tutorial is from open-source community. Access the source code

简介

在本实验中,我们将探索如何根据键数组从 JSON 对象中检索嵌套值。我们将使用 reduce() 方法遍历对象的嵌套结构并检索目标值。完成本实验后,你将更好地理解如何在复杂的 JSON 对象中访问特定值。

如何使用键数组在对象中检索嵌套值

要从嵌套的 JSON 对象中检索特定值,可以使用 deepGet 函数。该函数接受一个对象和一个键数组,如果目标值存在于对象中,则返回该值。

要使用 deepGet 函数:

  • 创建一个你想要从嵌套 JSON 对象中检索的键的数组。
  • 使用对象和键数组调用 deepGet 函数。
  • 如果目标值存在,该函数将返回它;如果不存在,则返回 null

以下是 deepGet 函数的代码:

const deepGet = (obj, keys) =>
  keys.reduce(
    (xs, x) => (xs && xs[x] !== null && xs[x] !== undefined ? xs[x] : null),
    obj
  );

以下是如何使用 deepGet 函数的示例:

let index = 2;
const data = {
  foo: {
    foz: [1, 2, 3],
    bar: {
      baz: ["a", "b", "c"]
    }
  }
};
deepGet(data, ["foo", "foz", index]); // 返回 3
deepGet(data, ["foo", "bar", "baz", 8, "foz"]); // 返回 null

要开始练习编码,请打开终端/SSH 并输入 node

总结

恭喜你!你已经完成了“基于键数组在对象中获取嵌套值”实验。你可以在 LabEx 中练习更多实验来提升你的技能。