多次元配列で値が一致するものだけを取り出す方法

Question

以下のような配列で、categoriesのwordpress_idの値がたとえば40のものだけ取り出して新しい配列を作るにはどのようにしたらよいでしょうか？
categoriesが配列になっている為うまくいきません、アドバイスお願いします。

{
  "data": {
    "allWordpressPost": {
      "edges": [
        {
          "node": {
            "title": "1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。",
            "wordpress_id": 2069,
            "categories": [
              {
                "wordpress_id": 58,
                "name": "極端な例"
              }
            ]
          }
        },
        {
          "node": {
            "title": "マークアップ: HTML タグとフォーマット",
            "wordpress_id": 1178,
            "categories": [
              {
                "wordpress_id": 40,
                "name": "マークアップ"
              }
            ]
          }
        },
        {
          "node": {
            "title": "マークアップ: 画像の配置",
            "wordpress_id": 1177,
            "categories": [
              {
                "wordpress_id": 40,
                "name": "マークアップ"
              }
            ]
          }
        },
        {
          "node": {
            "title": "マークアップ: テキスト配置",
            "wordpress_id": 1176,
            "categories": [
              {
                "wordpress_id": 40,
                "name": "マークアップ"
              }
            ]
          }
        },
        ・・・省略
      ]
    }
  }
}

Answer 1

categoriesが配列になっていますが要素が必ず1つしかないのでしょうか？

※調整

var a={
  "data": {
    "allWordpressPost": {
      "edges": [
        {
          "node": {
            "title": "1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。",
            "wordpress_id": 2069,
            "categories": [
              {
                "wordpress_id": 58,
                "name": "極端な例"
              }
            ]
          }
        },
        {
          "node": {
            "title": "マークアップ: HTML タグとフォーマット",
            "wordpress_id": 1178,
            "categories": [
              {
                "wordpress_id": 40,
                "name": "マークアップ"
              }
            ]
          }
        },
        {
          "node": {
            "title": "マークアップ: 画像の配置",
            "wordpress_id": 1177,
            "categories": [
              {
                "wordpress_id": 40,
                "name": "マークアップ"
              }
            ]
          }
        },
        {
          "node": {
            "title": "マークアップ: テキスト配置",
            "wordpress_id": 1176,
            "categories": [
              {
                "wordpress_id": 40,
                "name": "マークアップ"
              }
            ]
          }
        },
      ]
    }
  }
}
var b={"data":{"allWordpressPost":{"edges":null}}};
b.data.allWordpressPost.edges=a.data.allWordpressPost.edges.filter(
  x=>x.node.categories.filter(
    y=>y.wordpress_id==40
  ).length==1
);
console.log(b);

Comments

[bws]

ごめんなさい、複数ある場合もあります。一つの場合はこれが簡単で良さそうです、ありがとうございます！

[yambejp]

複数ある場合は
・1つでも合致すればいいのでしょうか？
・すべてが合致しないといけないのでしょうか？
・合致するものだけ抜き出すのでしょうか？

[bws]

ひとつだけ合致する場合を想定していました。説明不足でもうしわけないです！

[yambejp]

解決済みのようなので今更ですが、
categoriesにオブジェクトが複数ある場合、wordpress_id=40が
1つだけのものを拾う処理を追記しておきました

[bws]

もう少し考えて質問したいと思いました、丁寧にありがとうございます！

Answer 2

変数objに質問内のデータが入っているとした場合です。

obj.data.allWordpressPost.edges.reduce(
  (ary, edge) => {
    ary.push(...edge.node.categories.filter(cat => cat.wordpress_id == 40))
    return ary;
  }, []
);

Comments

[bws]

reduceを使うとわかりやすいですね、積極的に使っていきたいと思いました！ありがとうございます！

Answer 3

質問にあるオブジェクトが obj という変数に入っているとして、

const filteredEdges = obj.data.allWordpressPost.edges.filter(edge => edge.node.categories.filter(category => category.wordpress_id === 40).length);

で取り出せると思います。

Comments

[bws]

ありがとうございます、バッチリ取り出すことができました！