Javascript remove duplicate values from array of objects

Question

I've a requirement where the below array of objects should be converted to the result mentioned.

list = [{name : 'John', id : '1'}, {name : 'John', id : '2'}, {name : 'John', id : '3'}, {name : 'John', id : '4'}];

result to

list = [{name : 'John', id : '1, 2, 3, 4'}];

How can one do it?

Do you want the `id` to be a string or an array? i.e. `'1,2,3,4'` or `['1','2','3','4']`? — cst1992, Apr 22 '16 at 08:03
This is a duplicate of http://stackoverflow.com/questions/9229645/remove-duplicates-from-javascript-array — evolutionxbox, Apr 22 '16 at 08:06

score 3 · Accepted Answer · answered Apr 22 '16 at 08:05

3

You could do it using a temporary object and Array#filter to filter out the duplicates and modify the original at the same time:

var list = [
        {name : 'John', id : '1'},
        {name : 'John', id : '2'},
        {name : 'John', id : '3'},
        {name : 'John', id : '4'}
    ],
    temp = {};

list = list.filter(function (o) {
    if (temp.hasOwnProperty(o.name)) {
        temp[o.name].id += ', ' + o.id;
        return false;
    }
    else {
        temp[o.name] = o;
        return true;
    }
});

document.body.textContent = JSON.stringify(list);

answered Apr 22 '16 at 08:05

Andy E

338,112
86
474
445

How is it modifying the original list? – Prateek Agarwal Apr 22 '16 at 08:14
Okay, now I get it. You are working with the o. Thanks! – Prateek Agarwal Apr 22 '16 at 08:25
@PrateekAgarwal: your welcome. Don't forget to accept the answer that works best for you :-). – Andy E Apr 22 '16 at 09:36

Nina Scholz · Answer 2 · 2016-04-22T08:27:51.950

You can group it in a single loop with the help of a temoprary object without mutating the original array.

var list = [{ name: 'John', id: '1' }, { name: 'John', id: '2' }, { name: 'John', id: '3' }, { name: 'John', id: '4' }],
    grouped = [];

list.forEach(function (a) {
    if (!this[a.name]) {
        this[a.name] = { data: { name: a.name }, array: [] };
        grouped.push(this[a.name].data);
    }
    this[a.name].array.push(a.id);
    this[a.name].data.id = this[a.name].array.join(', ');
}, Object.create(null));

document.write('<pre>' + JSON.stringify(grouped, 0, 4) + '</pre>');

A slightly compacter version

var list = [{ name: 'John', id: '1' }, { name: 'John', id: '2' }, { name: 'John', id: '3' }, { name: 'John', id: '4' }],
    grouped = [];

list.forEach(function (a) {
    if (!this[a.name]) {
        this[a.name] = { name: a.name, id: a.id };
        grouped.push(this[a.name]);
        return;
    }
    this[a.name].id += ', ' + a.id;
}, Object.create(null));

document.write('<pre>' + JSON.stringify(grouped, 0, 4) + '</pre>');

Euan Smith · Answer 3 · 2016-04-22T08:16:33.340

1

This is to solve your specific question rather than a more general solution

function consolidate(list){
    var names={};
    list.forEach(function(e){
        if (!names[e.name]) names[e.name]=[e.id];
        else names[e.name].push(e.id);
    });
    var rtn=[];
    Object.keys(names).forEach(function(n){
        rtn.push({name:n, id:names[n].join(', ')});
    });
    return rtn;
}

basically use an object to accumulate the data then remap back into an array.

edited Apr 22 '16 at 08:16

answered Apr 22 '16 at 08:08

Euan Smith

2,102
1
16
26

why map? it does not return something. – Nina Scholz Apr 22 '16 at 08:13
Good point. This is really just my lazyness in typing, but you are correct and I've changed it to forEach – Euan Smith Apr 22 '16 at 08:17

Javascript remove duplicate values from array of objects

3 Answers3

Related