js 实现将数组对象转为对象并合并key值

这两天在面试的过程中，面试官提出了一个问题

const arr = [{ key: 'a', value: 1 }, { key: 'a', value: 4 }, { key: 'b', value: 4 }];

//转化成下面这种形式
const res = {a:[1,4],b:[4]}

总结的时候想到了下面几种方法

方法一：

let newList = [];
let obj1 = {};
arr.map((i)=>{
    let newName = newList.find(item => item.key === i.key);
    console.log(newName);
    if(!newName){
        newList.push({key:i.key,value:[i.value]})
    }else{
        newName.value.push(i.value)
    }
})
newList.map(item =>{
    obj1[item.key] = item.value
})
console.log(obj1)
//{a:[1,4],b:[4]}

方法二：

const obj2 = {};
arr.map((item) =>{
    const {key,value} = item;
    if(!(key in obj2)){
        obj2[key] = value;
    }else{
        obj2[key] = [obj2[key]]
        obj2[key].push(value)
    }
})
console.log(obj2);
//{a:[1,4],b:[4]}

方法三：

const res2  = arr.reduce((acc,{key,value}) =>{
    if(acc[key]){
        acc[key].push(value);
    }else{
        acc[key] = [value]
    }
    return acc;
},{})
console.log(res2);
//{a:[1,4],b:[4]}

上面两种还是比较容易想出来的，下面这种需要搞清楚reduce的使用方法。

如果大家还有什么其他的方法，欢迎私信或评论