Grouping objects in an array by multiple keys

Question

Initially, I've this array:

[{
    "vendorid": 1,
    "vendorname": "Vendor1",
    "maxfilelimit": 2,
    "uploadfilename": "Voice1.xlsx"
},
{
    "vendorid": 1,
    "vendorname": "Vendor1",
    "maxfilelimit": 2,
    "uploadfilename": "Ven1_Voice.xlsx"
},
{
    "vendorid": 2,
    "vendorname": "Vendor2",
    "maxfilelimit": 2,
    "uploadfilename": "Voice2.xlsx"
},
{
    "vendorid": 2,
    "vendorname": "Vendor2",
    "maxfilelimit": 2,
    "uploadfilename": "Ven2_Voice.xlsx"
}]

I want the file names in an array with no repetition of records. So, I expect the output similar to following:

[{
    "vendorid": 1,
    "vendorname": "Vendor1",
    "maxfilelimit": 2,
    "uploadfilename": ["Voice1.xlsx", "Ven1_Voice.xlsx"]
}, {
    "vendorid": 2,
    "vendorname": "Vendor2",
    "maxfilelimit": 2,
    "uploadfilename": ["Voice2.xlsx", "Ven2_Voice.xlsx"]
}]

I found some solutions like d3.js, alaSQL but not getting output as expected

Answer 1

You can use array#reduce and inside it you can store your result in an object and then extract values using Object.values().

var data = [{"vendorid": 1,"vendorname": "Vendor1","maxfilelimit": 2,"uploadfilename": "Voice1.xlsx"},{"vendorid": 1,"vendorname": "Vendor1","maxfilelimit": 2,"uploadfilename": "Ven1_Voice.xlsx"},{"vendorid": 2,"vendorname": "Vendor2","maxfilelimit": 2,"uploadfilename": "Voice2.xlsx"},{"vendorid": 2,"vendorname": "Vendor2","maxfilelimit": 2,"uploadfilename": "Ven2_Voice.xlsx"}];

var result = data.reduce((hash, obj) => {
  let key = obj.vendorid+'|' +obj.vendorname+'|' +obj.maxfilelimit;
  if(hash[key])
      hash[key].uploadfilename.push(obj.uploadfilename);
  else {
      hash[key] = obj;
      hash[key].uploadfilename = [obj.uploadfilename];
    }
   return hash; 
},{});
console.log(Object.values(result));

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

Answer 2

var data = [{
    "vendorid": 1,
    "vendorname": "Vendor1",
    "maxfilelimit": 2,
    "uploadfilename": "Voice1.xlsx"
},
{
    "vendorid": 1,
    "vendorname": "Vendor1",
    "maxfilelimit": 2,
    "uploadfilename": "Ven1_Voice.xlsx"
},
{
    "vendorid": 2,
    "vendorname": "Vendor2",
    "maxfilelimit": 2,
    "uploadfilename": "Voice2.xlsx"
},
{
    "vendorid": 2,
    "vendorname": "Vendor2",
    "maxfilelimit": 2,
    "uploadfilename": "Ven2_Voice.xlsx"
}];
;
// create lookup table
let lookup = data.reduce((p, v) => {
    // seen me yet?
    if (p[v.vendorid]) {
    p[v.vendorid].uploadfilename.push(v.uploadfilename); 
  } else {
    // nope ... first time
    p[v.vendorid] = v;
    // create array of filenames
    p[v.vendorid].uploadfilename = [v.uploadfilename];
  }
  return p;
}, {});

// convert back to array
Object.keys(lookup).map(key => lookup[key]);