展平对象数组

Question

我有一个来自 formData serializeArray 函数的对象数组。例如：

[
        0 : {name: 'animal_monkey', value: 'banana'}
        1 : {name: 'animal_horse', value: 'radishes'}
        2 : {name: 'fruit_banana', value: 'yellow'}
        3 : {name: 'fruit_apple', value: 'red'}
]

我正在寻找一种方法将这些不同的元素放入一个对象中，按类别拆分并为其分配适当的值，如下所示：

{ 
        animal: { 
                        monkey : banana,
                        horse : radishes
                },
        fruit: {
                        banana : yellow,
                        apple : red
               }
}

我试过用 reduce 和 Object assign 来做这个，就像这样

obj = keys.map((k, i) => k.reduceRight((value, key) => ({[key]: value}), vals[i]) )
result = Object.assign({}, ...obj)

其中 keys 是 ['animal_monkey', 'animal_horse', 'fruit_banana', 'fruit_apple'] 的数组，而 vals 是一个包含值的列表：['banana', 'radishes', 'yellow', 'red' ]。但是，也许正如预期的那样，这些值被覆盖了，我最终得到：

{ 
        animal: { 
                        horse : radishes
                },
        fruit: {
                        apple : red
               }
}

第一个值在分配中不存在。有谁知道如何完成这项工作？

谢谢！

Answer 1

你可以设置一个变量来保存最终的组合对象，然后使用array.forEach为数组中的每个元素添加它

let single = {};
arr.forEach(obj => {
  let [catagory, name] = obj.name.split('_'); // catagory = before the _, name = after the _
  single[catagory] ??= {}; // make sure the catagory exists as an object in single
  single[catagory][name] = obj.value;
}

Answer 2

您可以在_ 上拆分每个name，然后使用array#reduce 创建一个具有类别和动物名称的对象。

const data = [ {name: 'animal_monkey', value: 'banana'}, {name: 'animal_horse', value: 'radishes'}, {name: 'fruit_banana', value: 'yellow'}, {name: 'fruit_apple', value: 'red'} ],
      result = data.reduce((r,o) => {
            const [category, name] = o.name.split('_');
            r[category] ??= {};
            r[category][name] = o.value;
            return r;
      }, {});
console.log(result);

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