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

Question

[exdude]

Есть массив с данными:

[
    {
        contry: 'Russia',
        name: 'Alex',
        Age: '34',
    },
    {
        contry: 'Russia',
        name: 'July',
        Age: '22',
    },
    {
        contry: 'USA',
        name: 'Tom',
        Age: '32',
    },
    {
        contry: 'USA',
        name: 'Jack',
        Age: '74',
    },
]

Я хочу вложить данные массива на страницу без повторений таким образом:

Russia:
   Alex, 34
   July, 22
USA:
   Tom, 32
   Jack, 74

Но могу только так:

Russia:
   Alex, 34
Russia:
   July, 22
USA:
   Tom, 32
USA:
   Jack, 74

Как мне сравнить два ключа объекта и записать их в одну категорию, что бы не было таких повторов как выше?

Comments

[Сергей Сергей]

Как сгруппировать массив объектов по значениям одного из их свойств? тут суть.

Answer 1

[Артур Т]

Проверь в консоли то или нет. Из вопроса не понятно какую структуру данных ты хочешь получить.

const arr = [
    {
        contry: 'Russia',
        name: 'Alex',
        age: '34',
    },
    {
        contry: 'Russia',
        name: 'July',
        age: '22',
    },
    {
        contry: 'USA',
        name: 'Tom',
        age: '32',
    },
    {
        contry: 'USA',
        name: 'Jack',
        age: '74',
    },
]

arr.reduce((acc, item) => {
  const { contry, name, age } = item;
  if(!acc.hasOwnProperty(contry)) acc[contry] = {[name]:age}
  else acc[contry] = {...acc[contry], [name]: age}
  return acc
}, {})

Comments

[exdude]

Спасибо! Это то что нужно. А если можно, как это работает?
Возможно ли это решения использовать в более сложных случаях?

[Артур Т]

С помощью reduce пробегаемся по элементам массива и проверяем значение contry - если в результирующем объекте (обрати внимание редьюсу вторым аргументом назначаем {} в качестве аккумулятора) нет свойства с таким ключом - добавляем и ставим значением объект с именем(ключ) и возрастом(значение). Если свойство имеется то добавляем в объект (вообще-то копируем но не суть) новое свойство с именем и возрастом.

В более сложных случаях (если изменяются поля объектов в массиве) нужна будет корректировка, но смысл останется тот же.

[exdude]

Артур Т, Спасибо еще раз!
В более сложном случае сделал с той же логикой, только он перезаписывает свойства, сейчас постараюсь разобраться.
И возможно ли записать новые ключи и свойства в объект, и вложить его в родительский, что бы можно было обратится к каждому отдельно?

[exdude]

Артур Т, Грубо говоря такая структура:

[   
    {
        Russia: [
            {
                Alex: 34
            },
            {
                July: 22
            },
        ],
        USA: [
            {
                Tom: 32,
            },
            {
                Jack: 74,
            },
        ]
    }
]

[Артур Т]

const arr = [
    {
        contry: 'Russia',
        name: 'Alex',
        age: '34',
    },
    {
        contry: 'Russia',
        name: 'July',
        age: '22',
    },
    {
        contry: 'USA',
        name: 'Tom',
        age: '32',
    },
    {
        contry: 'USA',
        name: 'Jack',
        age: '74',
    },
]

arr.reduce((acc, item) => {
  const { contry, name, age } = item;
  if(!acc.hasOwnProperty(contry)) acc[contry] = [{[name]:age}];
  else acc[contry] = acc[contry].concat({[name]: age})
  return acc
}, {})

[exdude]

Артур Т, Низкий поклон! Спасибо!