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的使用方法。

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

这两天在面试的过程中,面试官提出了一个问题 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的使用方法。 如果大家还有什么其他的方法,欢迎私信或评论
经验分享 程序员 微信小程序 职场和发展