JavaScript 在嵌套的 js 对象上查找元素

Question

let object = [{    "ItemAID" : 1,    "ItemADesc" : [ {      "ItemBid" : 11,      "ItemBDesc" : [ {        "ItemCid" : 111,        "ItemCTitle" : "TitleC111",      }, {        "ItemCid" :112,        "ItemCTitle" : "TitleC112",      } ]    }]},    {        "ItemAID" : 2,        "ItemADesc" : [ {          "ItemBid" : 21,          "ItemBDesc" : [ {            "ItemCid" : 211,            "ItemCTitle" : "TitleC211",          }, {            "ItemCid" :212,            "ItemCTitle" : "TitleC212",          } ]        }]}]console.log(X.find(A => A.ItemADesc.find(B => B.ItemBDesc.find(C=>C.ItemCid === 212)?.ItemCTitle)));当 ItemCid 与 id 匹配时，我正在尝试查找 ItemCTitle。上面的代码作为一个整体返回 ItemAID:2 对象，而不是返回嵌套的变量值。任何线索表示赞赏。

Answer 1

使用Array.reduce你可以提取 only 的数组ItemC，并且可以很容易地找到那里的项目。

let input = [{

  "ItemAID" : 1,

  "ItemADesc" : [ {

    "ItemBid" : 11,

    "ItemBDesc" : [ {

      "ItemCid" : 111,

      "ItemCTitle" : "TitleC111",

    }, {

      "ItemCid" :112,

      "ItemCTitle" : "TitleC112",

    } ]

  }]},

  {

      "ItemAID" : 2,

      "ItemADesc" : [ {

        "ItemBid" : 21,

        "ItemBDesc" : [ {

          "ItemCid" : 211,

          "ItemCTitle" : "TitleC211",

        }, {

          "ItemCid" :212,

          "ItemCTitle" : "TitleC212",

        } ]

      }]}];

const itemC = input.reduce((acc, cur) => {

  if (cur['ItemADesc'] && cur['ItemADesc'].length > 0) {

    cur['ItemADesc'].forEach(({ ItemBDesc }) => {

      if (ItemBDesc.length > 0) {

        acc.push(...ItemBDesc);

      }

    });

  }

  return acc;

}, []).find(({ ItemCid }) => ItemCid === 211);

console.log(itemC.ItemCTitle);

Answer 2

您可以使用名为d-forest 的库来查找深度嵌套的对象。