多次元連想配列で指定のキーの値のみを取得する方法

Question

下記の連想配列の例で指定したキーの値のみを取得する方法が分からず困っております。

{
    "templateId": 123,
    "groupName": "group1",
    "infoData": [
        {
            "itemName": "yamada",
            "flag": 2,
            "displayName": "山田",
            "children": [
                {
                    "secondaryItemName": "suzuki",
                    "secondaryflag": 0,
                    "secondaryDisplayName": "鈴木"
                },
                {
                    "secondaryItemName": "sato",
                    "secondaryflag": 1,
                    "secondaryDisplayName": "佐藤"
                }
            ]
        },
    ]
}

例えば"secondaryItemName"の値のみを取得したい場合、下記のようにmapを使って取得しているのですが、上記くらいの連想配列であれば値の取得は大変ではないですが、項目や階層がもっと複雑なケースだとそれぞれの項目を取得するのが大変になるかと思います。

「指定したキーの値のみを取得する」もっと簡単な方法はないでしょうか？

  const secondaryItemName= infoData.map((item) =>
    item.children
      .map((item) => item.secondaryItemName)
  );

Comments

[m.ts10806]

階層が分かっている前提でしょうか。

[seiseik]

階層は分かっていない前提ですね！

[Zuishin]

https://teratail.com/questions/333709

これはどうなってんの？

[seiseik]

ご指摘いただきありがとうございます。
回答できておらず失礼しました。

Answer 1

以下でいかがでしょうか

function findProp(obj, key, out) {
  var i,
    proto = Object.prototype,
    ts = proto.toString,
    hasOwn = proto.hasOwnProperty.bind(obj);

  if ('[object Array]' !== ts.call(out)) out = [];

  for (i in obj) {
    if (hasOwn(i)) {
      if (i === key) {
        out.push(obj[i]);
      } else if ('[object Array]' === ts.call(obj[i]) || '[object Object]' === ts.call(obj[i])) {
        findProp(obj[i], key, out);
      }
    }
  }

  return out;
}

　　

使い方

const myObj = {
  "templateId": 123,
  "groupName": "group1",
  "infoData": [
    {
      "itemName": "yamada",
      "flag": 2,
      "displayName": "山田",
      "children": [
        {
          "secondaryItemName": "suzuki",
          "secondaryflag": 0,
          "secondaryDisplayName": "鈴木"
        },
        {
          "secondaryItemName": "sato",
          "secondaryflag": 1,
          "secondaryDisplayName": "佐藤"
        }
      ]
    },
  ]
}

function test() {
  console.log(findProp(myObj, "secondaryItemName"));
  console.log(findProp(myObj, "secondaryflag"));
}

参考： How to get the key value from nested object (stackoverflow)

Comments

[seiseik]

回答ありがとうございます！
試してみたところ、想定通りの値を取得することができました。
ご教示いただきありがとうございました。