How to merge arrays in an array of JSON object?

Question

I got an array of JSON object in express backend like this, which each object contains an array, the key is the same called projectTags:

[ { projectTags: [ 'rer' ] },
  { projectTags: [ 'a10' ] },
  { projectTags: [ 'a10', 'c12', 'e14' ] },
  { projectTags: [ 'a10', 'e14', 'b11', 'c12', 'd13' ] } ]

And I want to merge these arrays together, which the result won't have the same tag too. So ideally it will look like this:

[ { projectTags: [ 'rer', 'a10', 'c12', 'e14', 'b11', 'd13' ] },]

So how should I do to achieve this?

trincot · Accepted Answer · 2019-01-21 15:27:03Z

4

With concat you can make one array, and with Set you can get unique values:

const data = [ { projectTags: [ 'rer' ] },{ projectTags: [ 'a10' ] }, { projectTags: [ 'a10', 'c12', 'e14' ] }, { projectTags: [ 'a10', 'e14', 'b11', 'c12', 'd13' ] } ];
  
const result = [{ projectTags: [...new Set([].concat(...data.map(o => o.projectTags)))]}];
  
console.log(result);

answered Jan 21, 2019 at 15:27

trincot

357k38 gold badges282 silver badges339 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

guijob · Accepted Answer · 2019-01-21 15:37:02Z

2

You can reduce your maps into one, concating elements which was not added yet.

const arr = [{projectTags:["rer"]},{projectTags:["a10"]},{projectTags:["a10","c12","e14"]},{projectTags:["a10","e14","b11","c12","d13"]}];

const resp = [{ projectTags: arr.reduce((a, e) => {
    const notIncludedYet = e.projectTags.filter(x => !a.includes(x));
    return a.concat(notIncludedYet)
    }, []) }]

console.log(resp)

edited Jan 21, 2019 at 15:37

answered Jan 21, 2019 at 15:23

guijob

4,4883 gold badges23 silver badges41 bronze badges

Comments

Nina Scholz · Accepted Answer · 2019-01-21 15:29:13Z

1

You could take a Set and add all tags.

var data = [{ projectTags: ['rer'] }, { projectTags: ['a10'] }, { projectTags: ['a10', 'c12', 'e14'] }, { projectTags: ['a10', 'e14', 'b11', 'c12', 'd13'] }],
    result = [{ projectTags: Array.from(
        data.reduce(
            (s, { projectTags }) => (
                projectTags.forEach(Set.prototype.add, s),
                s
            ),
            new Set
       )
    ) }];
    
console.log(result)  ;

answered Jan 21, 2019 at 15:29

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

tom · Accepted Answer · 2019-01-21 15:31:45Z

0

If you need no duplicates:

var arr = [ { projectTags: ['rer'] },
            { projectTags: ['a10'] },
            { projectTags: ['a10', 'c12', 'e14'] },
            { projectTags: ['a10', 'e14', 'b11', 'c12', 'd13'] }];

var arr2 = [];

arr.forEach(function (e) { 
    var i = e.projectTags;
    for (var x = 0; x < i.length; x++) { 
        if (arr2.indexOf(i[x]) == -1) arr2.push(i[x]);
    } 
});

console.log(arr2);

answered Jan 21, 2019 at 15:31

tom

11k6 gold badges38 silver badges55 bronze badges

Comments

Bijay Yadav · Accepted Answer · 2019-01-21 16:00:40Z

Here is the code that I have written in the JavaScript. Hope this help you.

//The list of the data provided in the question.

 var dataList = [ 
                { projectTags: [ 'rer' ] },
                { projectTags: [ 'a10' ] },
                { projectTags: [ 'a10', 'c12', 'e14' ] },
                { projectTags: [ 'a10', 'e14', 'b11', 'c12', 'd13' ] } 
            ];

//Final Result
            var dataListAfterMerge = [];
//the list of unique items to be added.
            var items = [];
//to verify if the item is already present in the new list (i.e. items).
            var isAdded = false;

//Call this function on button click or any place you needed.
            merge = function() {
                for (var data of dataList){
                    for(var item of data.projectTags) {
                        for(var newItem of items) {
                            if(item == newItem) {
                                isAdded = true;
                                break;
                            }
                        }

                        if(!isAdded) {
                            items.push(item);
                        }

                        isAdded = false;
                    }
                }
                dataListAfterMerge.push({projectTags: items});

                console.log(dataListAfterMerge);
            }

David Vicente · Accepted Answer · 2019-01-21 16:03:41Z

0

You can use reduce to create an array with all the elements together, and then with Set remove all duplicates:

const arr = [ { projectTags: ['rer'] },
            { projectTags: ['a10'] },
            { projectTags: ['a10', 'c12', 'e14'] },
            { projectTags: ['a10', 'e14', 'b11', 'c12', 'd13'] }];

const withoutDuplicates = [... new Set(arr.reduce((newArray, element) => {
    newArray.push(...element.projectTags);
    return newArray;
}, []))];

answered Jan 21, 2019 at 16:03

David Vicente

3,1311 gold badge20 silver badges27 bronze badges

Collectives™ on Stack Overflow

How to merge arrays in an array of JSON object?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related