JSON配列内のキーに一致する要素をすべて取得したい

Question

前提・実現したいこと

以下のようなYOUTUBE apiから取得したJSON配列で，キーに一致する要素をすべて取得したいです．
できればFOR文を避けたいのですが可能でしょうか．
この中からuploadsがキーとなっている値を取得したいです．
ご教授いただければ幸いです．

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

items":[
{
"kind": "youtube#channel",
"etag": "DVzeDDv_ctkjzYNi2oL2lpRC10o",
"id": "UCWcEgYIOqq1BVr4Qm1sPuVg",
"contentDetails":{
"relatedPlaylists":{
"likes": "LLWcEgYIOqq1BVr4Qm1sPuVg",
"favorites": "",
"uploads": "UUWcEgYIOqq1BVr4Qm1sPuVg",
"watchHistory": "HL",
"watchLater": "WL"
}
}
},
{
"kind": "youtube#channel",
"etag": "F8GNWWyshoZfsHWsz2awVMCv2bY",
"id": "UCmZA7XRRzmxhM4jPltZX1Zg",
"contentDetails":{
"relatedPlaylists":{
"likes": "",
"favorites": "",
"uploads": "UUmZA7XRRzmxhM4jPltZX1Zg",
"watchHistory": "HL",
"watchLater": "WL"
}
}
}

試したこと

For文を回してIfでuploadsに一致したときのみ配列にpushするやり方をしていますが，数が多いため時間がかかっています．
できれば短時間で済むようなコードにしたいです．

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[oikashinoa]

提示したJSONはなにか欠けているようです。修正して下さい。
あと現状のソースもUpしてください。このままだと丸投げです。
> For文を回してIfでuploadsに一致したときのみ配列にpushするやり方をしていますが，数が多いため時間がかかっています．
>できれば短時間で済むようなコードにしたいです．

Answer 1

For文を回してIfでuploadsに一致したときのみ配列にpushするやり方をしていますが，数が多いため時間がかかっています．
できれば短時間で済むようなコードにしたいです．

for で回して都度 push する方法はロジックがよほど酷くない限り高速なはずです。
それで遅いというのであれば処理を遅延させてみるのはどうでしょうか。

恐らく配列の各要素について uploads が特定のキーの場合のみ取り出したいということだと想定して書きます。

function* filterArray(array, condition) {
  for (const item of array) {
    if (condition(item)) yield item;
  }
}

async function* filterArrayAsync(array, condition) {
  for (const item of array) {
    if (condition(item)) yield item;
  }
}

const data = json.items;
const youMayWant = filterArray(data, x => x.uploads === 'key');

// ↓ ここで初めて1要素ずつ取り出される
for (const item of youMayWant) {
  // do something
}

const youMayWant2 = filterArrayAsync(data, x => x.uploads === 'key');

// ↑ の非同期バージョン
(async () => {
  for await (const item of youMayWant2) {
    // do something
  }
})();

Answer 2

こんにちは

たとえば以下のようなJSON

{
   "items":[
      {
         "kind":"youtube#channel",
         "etag":"etag000",
         "uploads":"AAA"
      },
      {
         "kind":"youtube#channel",
         "etag":"etag111",
         "uploads":"BBB"
      },
      {
         "kind":"youtube#channel",
         "etag":"etag333",
         "uploads":"CCC"
      },
      {
         "kind":"youtube#channel",
         "etag":"etag444",
         "uploads":"DDD"
      }
   ]
}

があったとして、上記をパースしたオブジェクト obj から uploads の値の配列

["AAA", "BBB", "CCC", "DDD"]

を、 uploadsAry として得るには、以下のようにします。

const uploadsAry = obj.items.map(({ uploads }) => uploads); // => ["AAA", "BBB", "CCC", "DDD"]

冒頭のJSONに含まれる、"items"配列の各要素に他のプロパティがあっても上記で得られます。

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/QWjJpVx?editors=0012

以上、参考になれば幸いです。

Comments

[jun68ykt]

@ Kodanosukeさん
上記の回答ですが、ご質問の意図を誤読した回答になっていたら、ご質問に追記いただくか、こちらにコメント頂ければと思います。

[Kodanosuke]

ありがとうございます！
ご教授いただいた方法でやってみたらできました．
ありがとうございます！

Answer 3

提示されたデータがjsonとしては成立しないデータなので
解決策を提示するのは困難です

Comments

[yambejp]

例えばこんな感じ

const getAllValuesWithKey=(obj,key)=>{
var ret=[];
Object.entries(obj).forEach(ent=>{
if(ent[1] instanceof Object){
ret=ret.concat(getAllValuesWithKey(ent[1],ent[0]));
}else{
ret.push(ent.concat([key]));
}
});
return ret;
};

const data={"items":[
{
"kind": "youtube#channel",
"etag": "DVzeDDv_ctkjzYNi2oL2lpRC10o",
"id": "UCWcEgYIOqq1BVr4Qm1sPuVg",
"contentDetails":{
"relatedPlaylists":{
"likes": "LLWcEgYIOqq1BVr4Qm1sPuVg",
"favorites": "",
"uploads": "UUWcEgYIOqq1BVr4Qm1sPuVg",
"watchHistory": "HL",
"watchLater": "WL"
}
}
},
{
"kind": "youtube#channel",
"etag": "F8GNWWyshoZfsHWsz2awVMCv2bY",
"id": "UCmZA7XRRzmxhM4jPltZX1Zg",
"contentDetails":{
"relatedPlaylists":{
"likes": "",
"favorites": "",
"uploads": "UUmZA7XRRzmxhM4jPltZX1Zg",
"watchHistory": "HL",
"watchLater": "WL"
}
}
}
]
};
const result=getAllValuesWithKey(data).filter(x=>x[0]=="uploads").map(x=>x[1]);
console.log(result);