多次元連想配列?JSON形式を編集して新たな配列にしたい

Question

前提・実現したいこと

現在Reactの勉強をしています。

多次元連想配列？JSON形式?をtypeがAの場合の配列のみ残した配列に編集したいのですがどうすればいいでしょうか？

具体的には以下です。
以下の配列をtypeがAだけの配列に編集したいです。

// APIからのレスポンスJSON
[
    {
        "id": 1,
        "name": "甲グループ",
        "custom": [
            {
                "id": 1,
                "name": "甲-1",
                "type": "A"
            }
        ]
    },
    {
        "id": 2,
        "name": "乙グループ",
        "custom": [
            {
                "id": 2,
                "name": "乙-1",
                "type": "A"
            },
            {
                "id": 3,
                "name": "乙-2",
                "type": "B"
            }
        ]
    }
]

↓　こうしたい(期待値)

// typeがAだけの配列
[
    {
        "id": 1,
        "name": "甲グループ",
        "custom": [
            {
                "id": 1,
                "name": "甲-1",
                "type": "A"
            }
        ]
    },
    {
        "id": 2,
        "name": "乙グループ",
        "custom": [
            {
                "id": 2,
                "name": "乙-1",
                "type": "A"
            }
        ]
    }
]

filterでtype=='A'で絞って、mapで配列にするなど検討しましたが、多重になっている状況などもあいまって
少し具体的な実装がイメージができていません。

アドバイスいただけないでしょうか？

###試したこと
以下のように実装してみましたが、配列の中の配列を扱うときにどうしたらいいかわからなくなりました。
https://codepen.io/k49977/pen/eYvrQqL

let a=// APIからのレスポンスJSON
[
    {
        "id": 1,
        "name": "甲グループ",
        "custom": [
            {
                "id": 1,
                "name": "甲-1",
                "type": "A"
            }
        ]
    },
    {
        "id": 2,
        "name": "乙グループ",
        "custom": [
            {
                "id": 2,
                "name": "乙-1",
                "type": "A"
            },
            {
                "id": 3,
                "name": "乙-2",
                "type": "B"
            }
        ]
    }
];

a = a.filter( function( value,i ) {
 
  //TODO customが配列のためうまくいかない。配列の中の配列はどうすればいいか
    return value.custom[i].type == "A";
 
})

console.log(a);

Comments

[neonemo]

で、質問文にあるURLから確認できるソースコードとこの質問の問題点は
解決したことで分からなくなってしまったので、後進の人間にとっては役にも立たないスレッドになります。
修正前のソースコードを質問文に掲載した方が良いかと思います。

（追記6/7 09:48）
貼ってありましたね。上記取り下げます。

Answer 1

単純に配列は添え字でアクセスできますよ。

return value.custom[0].type == "A";

他、気になった事
外部リンクにソース貼ってもいいと思いますが、質問文は編集できますのでteratailにも掲載しておいた方が良いかと。
リンク先のソース変更や削除などがあると、質問の前提が崩れてナレッジにならないので。

追記1

入れ子にするイメージはこれですね。外側のa.filterは不要そうなのでforEachに変更しています。
想定と合いますか？

a.forEach(v => {
  v.custom = v.custom.filter(c => {
    return c.type === "A";
  })
});

console.log(a);

Comments

[k49977]

type== Bのときのも配列に含まれてしまいます。
一つ目の配列がtype==Aという条件になるのかもしれません

https://codepen.io/k49977/pen/eYvrQqL

[neonemo]

おお、これは失礼しました。条件が複数あるんですね。
JSON内の配列は更にfilterやforループなどで対処すれば良さそうですね。

[k49977]

let a=[
{"id":1,"name":"Aグループ","custom":[{"id":1,"name":"A-1","type":"A"}]},
{"id":2,"name":"Bグループ","custom":[{"id":3,"name":"B-1","type":"A"},{"id":3,"name":"B-1","type":"B"}]}
];

a = a.filter( function( value,i ) {

//TODO customが配列のためうまくいかない。配列の中の配列はどうすればいいか
return value.custom[i].type == "A";

})

console.log(a);

[k49977]

上記のようにindexに変えても期待値にはなりませんでした。

>JSON内の配列は更にfilterやforループなどで対処すれば良さそうですね

こちらイメージできていないのですが、具体的に教えて頂いてもいいでしょうか????

[neonemo]

こちらが思ったイメージを回答に追記しましたが、いかがでしょう。
custom配列の中を判定ということで、外側のfilterは勝手に外してforEachにしちゃいましたが、想定と違うようでしたら戻してください。

[k49977]

わーありがとうございます！
できています。解決いたしました☺️