多次元連想配列?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](https://codepen.io/k49977/pen/eYvrQqL)

```js

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);

```

Accepted Answer

単純に配列は添え字でアクセスできますよ。
```
return value.custom[0].type == "A";
```

![イメージ説明](cb668e06f7cf8d9588cb43d9e4c079c5.jpeg)


他、気になった事
外部リンクにソース貼ってもいいと思いますが、質問文は編集できますのでteratailにも掲載しておいた方が良いかと。
リンク先のソース変更や削除などがあると、質問の前提が崩れてナレッジにならないので。


# 追記1
入れ子にするイメージはこれですね。外側の`a.filter`は不要そうなので`forEach`に変更しています。
想定と合いますか？

```js
a.forEach(v => {
  v.custom = v.custom.filter(c => {
    return c.type === "A";
  })
});

console.log(a);
```

前提・実現したいこと

追記1

関連した質問