首頁(yè) 猿問(wèn) javascript多維數(shù)組按照k...

javascript多維數(shù)組按照key值合并的問(wèn)題

JavaScript

皈依舞 2018-08-23 15:40:43

var arr = [{ key: 1, name: 2, job: 3 }, { key: 1, name: 22, job: 33 }, { key: 2, name: 222, job: 333 }, { key: 2, name: 2222, job: 3333 }];arr 這個(gè)數(shù)組有多個(gè)字段，我想根據(jù)key這個(gè)字段相同的屬性的時(shí)候，就進(jìn)行合并。最終想實(shí)現(xiàn)的結(jié)果如arr2 arr2 = [{ key: 1, info: [{ name: 2, job: 3 }, { name: 22, job: 33 }] }, { key: 2, info: [{ name: 222, job: 333 }, { name: 2222, job: 3333 }] }];

查看完整描述

2 回答

萬(wàn)千封印

TA貢獻(xiàn)1891條經(jīng)驗(yàn) 獲得超3個(gè)贊

var keys = Array.from(new Set(arr.map(o=>o.key)));var result = keys.map(key=>{    return {key: key,        info: arr.filter(o=>o.key==key).map(o=>({name:o.name, job:o.job}))
    }
});console.log(result);

反對(duì) 回復(fù) 2018-08-26

牧羊人nacy

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超7個(gè)贊

function mergeKey(arr) {  const keyMap = arr.reduce((r, item)=>{    const newItem = {...item};    delete newItem.key;
    r[item.key] = (r[item.key] || []).concat(newItem);    return r;
  }
  , {});  return Object.keys(keyMap).map(key=>({
    key,    info: keyMap[key],
  }));
}

mergeKey(arr)

反對(duì) 回復(fù) 2018-08-26