Объединение объектов в массиве без переопределения различных свойств значения - PullRequest
Новая
       8

Объединение объектов в массиве без переопределения различных свойств значения

0 голосов
/ 26 сентября 2019

Я пытаюсь объединить объекты в массиве с одинаковым id без переопределения различных свойств значения.

var arr = [{
  Messages: { count: 1 },
  Account: { key: 'TEST' },
  id: 179,
  Contact:
  {
    firstName: 'The Postman',
    lastName: 'Team'
  },
  Tags: { name: 'forums', color: '#0091EA' }
},
{
  Messages: { count: 1 },
  Account: { key: 'TEST' },
  id: 179,
  Contact:
  {
    firstName: 'The Postman',
    lastName: 'Team'
  },
  Tags: { name: 'defective', color: '#0091EA' }
}];

var tags = [];
for(var i=0; i<arr.length; i++){
  tags = tags.concat(arr[i].Tags);
}

var result = arr[0];
result.Tags = tags;
 
console.log(result);

Моя цель - получить следующий объект: 

var obj =
{ Messages: { count: 1 }, 
  Account: { key: "TEST" }, 
  id: 179, 
  Contact: { firstName: "The Postman", lastName: "Team" }, 
  Tags: [{ name: "forums", color: "#0091EA" }, { name: "defective", color: "#0091EA" }] 
};

Я создал скрипку, где мне удалось получить желаемый результат, ноЯ уверен, что есть лучший способ сделать это.http://jsfiddle.net/18mLhx7j/1/

ОБНОВЛЕНИЕ

Основываясь на ответе, опубликованном @ Харун Йилмаз Я смог добиться того же результата, используя уменьшение Лодаша.Мне просто интересно, если это действительная альтернатива тому, что он написал. 

var arr = [
{ Messages: { count: 1 }, 
  Account: { key: "TEST" }, 
  id: 179, 
  Contact: { firstName: "The Postman", lastName: "Team" }, 
  Tags: { name: "forums", color: "#0091EA" } },
{ Messages: { count: 1 }, 
  Account: { key: "TEST" }, 
  id: 179, 
  Contact: { firstName: "The Postman", lastName: "Team" }, 
  Tags: { name: "defective", color: "#0091EA" } }
];

var interactions =_.reduce(arr, function(acc, cur) { 
    for (let i =0; i < Object.keys(cur).length; i++) {
        let key = Object.keys(cur)[i];
        if (!acc[key]) {
            acc[key] = cur[key];
        } else if (acc[key] && !_.isArray(acc[key]) && !_.isEqual(acc[key], cur[key])) {
            var obj = [];
            obj.push(acc[key]);
            obj.push(cur[key]);
            acc[key] = obj;
        } else if (acc[key] && _.isArray(acc[key])) {
            acc[key].push(cur[key]);
        }
    }
return acc;
}, {});

console.log(interactions);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>

1 Ответ

2 голосов
/ 26 сентября 2019

Вы можете использовать Array.reduce(), чтобы получить конечный объект, и spread operator следующим образом 

var arr = [
{ Messages: { count: 1 }, 
  Account: { key: "TEST" }, 
  id: 179, 
  Contact: { firstName: "The Postman", lastName: "Team" }, 
  Tags: { name: "forums", color: "#0091EA" } },
{ Messages: { count: 1 }, 
  Account: { key: "TEST" }, 
  id: 179, 
  Contact: { firstName: "The Postman", lastName: "Team" }, 
  Tags: { name: "defective", color: "#0091EA" } }
];

const finalArr = arr.reduce((acc, cur) => {
 const {Tags,...Rest} = cur;
 
 acc.Tags.push(Tags);
 
 acc = {
  ...Rest,
  Tags: acc.Tags
 };
 
 
 return acc;

},{Tags:[]});
// ^^ initial object

console.log(finalArr);
...