Как объединить массивы в массив объекта JSON?

Question

Я получил массив JSON-объекта в экспресс-бэкэнде, подобный этому, каждый объект которого содержит массив, тот же ключ называется projectTags:

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

И я хочу объединить эти массивы вместе, и результат не будет иметь тот же тег. Так что в идеале это будет выглядеть так:

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

Так, как я должен сделать, чтобы достигнуть этого?

Answer 1

Вы можете использовать Reduce для создания массива со всеми элементами вместе, а затем с помощью Set удалить все дубликаты:

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;
}, []))];

Answer 2

Вот код, который я написал в JavaScript. Надеюсь, это поможет вам.

// Список данных, приведенных в вопросе.

 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);
            }

Answer 3

Если вам не нужны дубликаты:

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);

Answer 4

Вы можете взять Set и добавить все теги.

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)  ;
    

Answer 5

С помощью concat вы можете создать один массив, а с помощью Set - уникальные значения:

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);

Answer 6

Вы можете reduce свои карты в одну, concat элементы, которые еще не были добавлены.

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)