嵌套 JSON 对象值检索

JavaScriptJavaScriptBeginner
立即练习

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

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

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


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript(("`JavaScript`")) -.-> javascript/AdvancedConceptsGroup(["`Advanced Concepts`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/arith_ops("`Arithmetic Operators`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") javascript/BasicConceptsGroup -.-> javascript/array_methods("`Array Methods`") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("`Higher-Order Functions`") subgraph Lab Skills javascript/variables -.-> lab-28264{{"`嵌套 JSON 对象值检索`"}} javascript/data_types -.-> lab-28264{{"`嵌套 JSON 对象值检索`"}} javascript/arith_ops -.-> lab-28264{{"`嵌套 JSON 对象值检索`"}} javascript/comp_ops -.-> lab-28264{{"`嵌套 JSON 对象值检索`"}} javascript/array_methods -.-> lab-28264{{"`嵌套 JSON 对象值检索`"}} javascript/higher_funcs -.-> lab-28264{{"`嵌套 JSON 对象值检索`"}} end

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

要从嵌套的 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 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程