【JavaScript】連続した配列をオブジェクトに全て変換したい

js
1const sample = [
2  {
3    a: [
4      { aa: 1 },
5      { aa: 2 },
6      { aa: 3 },
7    ]
8  },
9  {
10    a: [
11      { aa: 11 },
12      { aa: 22 },
13      { aa: 33 },
14    ]
15  }
16]

↑を

js:
1{
2  0: {
3    a: {
4      0: { aa : 1 },
5      1: { aa : 2 },
6      2: { aa : 3 },
7    }
8  },
9  1: {
10    a: {
11      0: { aa : 11 },
12      1: { aa : 23 },
13      2: { aa : 34 },
14    }
15  }
16}

したい。

再帰的に配列をオブジェクトに変換する方法を教えてください！！

maisumakun

2020/06/23 12:03

何のためにそのような変換をしたいのでしょうか。変換前も変換後も、要素へのアクセスは全く同様に可能です。

m.ts10806

2020/06/23 12:12

どちらもオブジェクトです（というかJavaScriptで扱う情報は全て「オブジェクト」と言っても良いです）

eroeronnnnnn

2020/06/23 12:50

@maisumakun 理由としては、入力例のような配列を変換後の形式にしたのち、テキストファイルに出力する必要があったためです

eroeronnnnnn

2020/06/23 12:51

@m.ts10806 そうですね、表現方法がぱっと思いつかなかったのですが、レイヤー的には全部オブジェクトですね、すみません。

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

回答1件

ベストアンサー

こんにちは。細かいところは詰めてませんが、ざっくりこんな感じかなと思います。

javascript
1const ary2obj = x => {
2    if (typeof x === 'object') {
3      const entries = Object.entries(x).map(([k, v]) => [k, ary2obj(v)]);
4      return Object.fromEntries(entries);              
5    } 
6    return x;
7}

**動作確認用サンプル： **https://codepen.io/jun68ykt/pen/GRomEXz?editors=0012

上記で、とりあえずご質問にある配列 sample から、ご所望のオブジェクトは得られていますが、他にも様々なパターンの入力を試すと、何らかの追加が必要かもしれません。

参考になれば幸いです。

追記

コメントから頂きました、

ちなみになのですが、オブジェクトに変換したものをまた元のsampleの形に戻す場合はどのように実装すればよいでしょうか？

についてですが、こちらもとり急ぎのざっくりですが、以下のような再帰関数 obj2ary によって、元のsampleの形に戻せます。

javascript
1const obj2ary = x => {  
2  if (typeof x === 'object') {
3    const entries = Object.entries(x);
4    const indexedEntries = entries.map(([k, v]) => [+k, v]).sort(([i1], [i2]) => i1 - i2);   
5    return (
6      indexedEntries.every(([i], j) => i === j) ?
7        indexedEntries.map(([i, v]) => obj2ary(v)) :
8        Object.fromEntries(entries.map(([k, v]) => [k, obj2ary(v)]))
9    );
10  }
11  return x;
12}