Зацикливайте массив объектов и объединяйте их, если они имеют похожие ключи

Question

Я пытаюсь перебрать массив, похожий на приведенную ниже структуру, и для каждого объекта с одинаковым идентификатором я хочу, чтобы они были объединены в один объект, но с массивом всех "имен", связанных с этим идентификатором. Мой массив предварительно отсортирован по id, и я не могу использовать JQuery, только ванильный JS.

Преобразуйте это:

var array = [
   {id=1, name = "Orange"},
   {id=1, name = "Blue"},
   {id=1, name = "Green"},
   {id=2, name = "Blue"},
   {id=3, name = "Orange"},
   {id=3, name = "Blue"}
]

К этому:

var newArray = [
   {id=1, nameList = [Orange, Blue, Green]},
   {id=2, nameList = [Blue]},
   {id=3, namelist = [Orange, Blue]}
]

Я пытался сделать что-то вроде этого, сравнивая первый объект со следующим объектом в массиве, затем устанавливая первый объект на второй объект, но застрял, потому что 'secondObject' на самом деле не был следующим объектом в массиве.

for (var i in array) {
   firstObject = array[i];
   secondObject = array[i + 1];
   if (firstObject.id === secondObject.id) {
      firstObject['nameList'] = [firstObject.name + ',' + secondObject.name]

    } else {
    continue;
    }
  firstObject = secondObject;


}

Я должен сделать это с парой тысяч идентификаторов, и большинство идентификаторов повторяются с разными именами, но есть несколько объектов с одним идентификатором, таких как идентификатор 2.

Answer 1

Альтернативой является использование функции reduce

var array = [   {id:1, name : "Orange"},   {id:1, name : "Blue"},   {id:1, name : "Green"},   {id:2, name : "Blue"},   {id:3, name : "Orange"},   {id:3, name : "Blue"}]

var result = Object.values(array.reduce((a, c) => {
  (a[c.id] || (a[c.id] = {id: c.id, nameList: []})).nameList.push(c.name);
  return a;
}, {}));

console.log(result);

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

Answer 2

Из-за отсортированных элементов вы можете проверить последний элемент в массиве результатов и, если он отличается от фактического элемента, создать новый объект результата. Позже толчок name,

var array = [{ id: 1, name: "Orange" }, { id: 1, name: "Blue" }, { id: 1, name: "Green" }, { id: 2, name: "Blue" }, { id: 3, name: "Orange" }, { id: 3, name: "Blue" }],
    grouped = array.reduce(function (r, { id, name }) {
        if (!r.length || r[r.length - 1].id !== id) {
            r.push({ id, namelist: [] });
        }
        r[r.length - 1].namelist.push(name);
        return r;
    }, []);

console.log(grouped);

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

Answer 3

Если вам не нужно делать это на месте, вы можете просто создать другой объект и поместить вещи в него напрямую.

var map = {}
for (var obj in array) {
  var id = obj.id;
  var name = obj.name;
  if (!map[id]) {
    map[id] = [];
  }
  map[id].push(name); 
}

Затем выполните итерацию по карте, чтобы получить результат:

var result = [];
Object.keys(map).forEach(function(key) {
  result.push[key, map[key]];
}