从多维数组动态创建多维 Object

Question

我试图创建一个像这样的多维 Object ：

{ A : {a1: {},a2:{}}, B: {b1:{},b2:{}}}

从像这样的多维数组：

let array1 = [
      ['A', 'a1'],
      ['A', 'a1'],
      ['A', 'a2'],
      ['B', 'b1'],
      ['B', 'b1'],
      ['B', 'b2'],
    ];

我现在尝试了几个小时，并且还在 stackoverflow 上阅读了大量条目，但没有什么真正适合这种特定情况。

到目前为止我做了什么：

 let array1 = [ ['A', 'a1'], ['A', 'a1'], ['A', 'a2'], ['B', 'b1'], ['B', 'b1'], ['B', 'b2'], ]; let object1 = {}; array1.forEach(function (subArray) { let level1 = subArray[0]; let level2 = subArray[1]; object1[[level1]] = {...{ [level2]: {} } }; }); console.log('object: ', object1); //desired output: object = { A: {a1: {},a2:{}}, B: {b1:{},b2:{}}} //what I get: object = { A: {a2:{}}, B: {b2:{}}}

所以在我的代码中，像 {a1: {}} 这样的条目在每次迭代中都会被覆盖，而不是添加一个新条目。

提前非常感谢。

Answer 1

您可以使用Array.reduce()以及一些解构来获得所需的 object output。

对于原始数组中的每个键值对，我们在最终的 object 中添加一个属性（例如“A”），然后为数组中的每个值添加一个新的 object（例如“a1”、“a2”）。

 let array1 = [ ['A', 'a1'], ['A', 'a1'], ['A', 'a2'], ['B', 'b1'], ['B', 'b1'], ['B', 'b2'], ]; let output = array1.reduce((acc, [k,v]) => { acc[k] = {...(acc[k] || {}), [v]: {} }; return acc; }, {}) console.log(output)

 .as-console-wrapper { max-height: 100%;important: top; 0; }

也可以在单行中执行此操作，但我认为阅读（和理解）要困难得多：

 let array1 = [ ['A', 'a1'], ['A', 'a1'], ['A', 'a2'], ['B', 'b1'], ['B', 'b1'], ['B', 'b2'], ]; let output = array1.reduce((acc, [k,v]) => ({...acc, [k]: {...(acc[k] || {}), [v]: {} } }), {}); console.log(output)

 .as-console-wrapper { max-height: 100%;important: top; 0; }

Answer 2

使用...object1[[level1]]保留以前的属性：

 let array1 = [ ['A', 'a1'], ['A', 'a1'], ['A', 'a2'], ['B', 'b1'], ['B', 'b1'], ['B', 'b2'], ]; let object1 = {}; array1.forEach(function (subArray) { let level1 = subArray[0]; let level2 = subArray[1]; object1[[level1]] = {...object1[[level1]], // Keep previous properties...{ [level2]: {} } // Add new }; }); console.log('object: ', object1);