多次元連想配列に要素を追加したい

前提・実現したいこと

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

多次元連想配列に新たに連想配列を追加したいのですが、実装方法に悩んでいます。

具体的には以下です。以下の

js
1//　追加したい配列
2 {
3      "name": "A",
4      "etc": [
5          {
6              "name": "A-1",
7              "value": 1
8          }
9      ]
10  }
11
12// 追加先
13[
14    {
15        "name": "B",
16        "etc": [
17            {
18                "name": "B-1",
19                "value": 2
20            },
21            {
22                "name": "B-2",
23                "value": 8
24            }
25        ]
26    },
27   {
28        "name": "C",
29        "etc": [
30            {
31                "name": "C-1",
32                "value": 6
33            },
34            {
35                "name": "C-2",
36                "value": 7
37            }
38        ]
39    }
40]

期待値は以下です

js
1//期待値
2[
3    {
4        "name": "A",
5        "etc": [
6            {
7                "name": "A-1",
8                "value": 1
9            }
10        ]
11    },
12    {
13        "name": "B",
14        "etc": [
15            {
16                "name": "B-1",
17                "value": 2
18            },
19            {
20                "name": "B-2",
21                "value": 8
22            }
23        ]
24    },
25   {
26        "name": "C",
27        "etc": [
28            {
29                "name": "C-1",
30                "value": 6
31            },
32            {
33                "name": "C-2",
34                "value": 7
35            }
36        ]
37    }
38]

どのように実装すればいいでしょうか？

試したこと

配列の追加方法のpush,concutを試しましたが無理でした。そもそも多次元連想配列なので単純なやり方ではうまくいかないのかもしれません。

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1const a= {
2      "name": "A",
3      "etc": [
4          {
5              "name": "A-1",
6              "value": 1
7          }
8      ]
9  }
10
11const b=[
12    {
13        "name": "B",
14        "etc": [
15            {
16                "name": "B-1",
17                "value": 2
18            },
19            {
20                "name": "B-2",
21                "value": 8
22            }
23        ]
24    },
25   {
26        "name": "C",
27        "etc": [
28            {
29                "name": "C-1",
30                "value": 6
31            },
32            {
33                "name": "C-2",
34                "value": 7
35            }
36        ]
37    }
38]
39b.unshift(a);
40console.log(b);