Как перебрать элементы массива в другой объект?

Question

[nen0y]

Есть массив:

[
{name: "name", value: "John"}
{name: "last_name", value: "Snow"}
{name: "father_name", value: ""}
{name: "name", value: "Tony"}
{name: "last_name", value: "Stark"}
{name: "father_name", value: ""}
{name: "other_field", value: "damn"}
]

Я перебираю его с помощью forEach, если name равен "name", "last_name" или "father_name", то они должны поместится в другой массив:

[{name: "John", father_name: "" ,last_name: "Snow" }, 
{name: "Tony", father_name: "" ,last_name: "Stark"}]

Как это можно сделать??

Comments

[Lynn «Кофеман»]

Таки в чём проблема? Вы не знаете про `if`? Или как создать массив?

[vzKY9P]

Т. е., Вы объединяете элементы в группы по 3?

Answer 1

[Сергей Соколов]

Не придумал ничего лучше, чем волочить в reduce() объект триггеров с тремя ключами, по каждому из ключевых слов. Перед вставкой очередной пары с ключом из триггеров, переводить его в true. Если он до этого уже включён — значит, пора вставлять новый объект для заполнения.

Так не перезапишеся одно из трёх «важных» полей. Но несколько подряд "other_field" перезапишут друг друга в одном объекте.

spoiler

const data = [
  {name: "name", value: "John"},
  {name: "last_name", value: "Snow"},
  {name: "father_name", value: ""},
  {name: "name", value: "Tony"},
  {name: "last_name", value: "Stark"},
  {name: "father_name", value: ""},
  {name: "other_field", value: "damn"},
];

data.reduce((acc, c) => {
  if (true === acc.triggers[c.name]) {
    Object.keys(acc.triggers).forEach((key) => acc.triggers[key] = false);
    acc.arr.push({});
  }
  if (c.name in acc.triggers) acc.triggers[c.name] = true;
  acc.arr[acc.arr.length - 1][c.name] = c.value;
  return acc;
}, {
  triggers: {
    "name": false,
    "last_name": false,
    "father_name": false,
  }, 
  arr: [{}],
}).arr;

/*
[
  {
    "name": "John",
    "last_name": "Snow",
    "father_name": ""
  },
  {
    "name": "Tony",
    "last_name": "Stark",
    "father_name": "",
    "other_field": "damn"
  }
]
*/

Comments

[nen0y]

https://codepen.io/5dc8b3/pen/Bapjbrm?editors=1112

подскажите, что сделал не так?

[Сергей Соколов]

nen0y, видимо, вы пока с JS совсем не близки )
Решение не меняет исходный массив. Вот этот весь contacts.reduce(....).arr; возвращает новый массив с нужными объектами. Поэтому как-то так:

const contactObjects = contacts.reduce(....).arr;
console.log(contactObjects);

[nen0y]

Сергей Соколов, думал что близок, но видимо нет :D

спасибо вам, все работает

Answer 2

[Artem Nanavov]

Код можно доработать и оптимизировать, но это уже вы будете делать ))
Принцип понятен )

const arr = [
  {name: "name", value: "John"},
  {name: "last_name", value: "Snow"},
  {name: "father_name", value: ""},
  {name: "name", value: "Tony"},
  {name: "last_name", value: "Stark"},
  {name: "father_name", value: ""},
  {name: "other_field", value: "damn"},
];

const newArr = [];

let obj = {};

arr.forEach(item => {
  obj[item.name] = item.value;
  
  if (item.name === 'father_name') {
    newArr.push({...obj});
    obj = {};
  }
});