Как добавить массив объектов внутри карты в Javascript

Мне нужна карта, где ключи являются уникальными идентификаторами, а значением будет массив объектов, соответствующих уникальному идентификатору. Пример данных

const exampleData = [
{id: 1,
name: "Tony",
},
{id: 2,
name: "Lori"
},
{id: 2,
name: "Pete"
},
{id: 2,
name: "Brandon"
},
];

Это то, что я пробовал

let map = new Map();
filteredArray.map(array => {
  map.set(array.assessmentId, [...map.get(array.assessmentId), array]); 
});

Результат, который я хочу:

Map (
[key: 1,
value: [id: 1, Name: Tony],
],
[key:2,
value:[id: 2, Name: Lori],[id: 2, Name: Pete], [id: 2, Name: Brandon]
])

Хорошо бы посмотреть на это consolelog.io/group-by-in-javascript

— 12.12.2020 01:45

Желаемый результат не является Javascript Map.

— 12.12.2020 02:20

@connexo Я думал, что буду использовать карту, аналогичную тому, как мы используем HashTable, чтобы проверить, существует ли уже идентификатор, и добавить к нему. Если нет, я бы добавил новый идентификатор.

— 15.12.2020 16:36

javascript

12.12.2020 01:38

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

const data = [
  { id: 1, name: "Tony", },
  { id: 2, name: "Lori" },
  { id: 2, name: "Pete" },
  { id: 2, name: "Brandon" },
];

const grouped = new Map(Object.entries(data.reduce((result, item) => ({
  ...result,
  [item.id]: [ ...(result[item.id] || []), item ]
}), {})));
  
console.info(...grouped);

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

Выход

{
  "1": [
    { "id": 1, "name": "Tony" }
  ],
  "2": [
    { "id": 2, "name": "Lori" },
    { "id": 2, "name": "Pete" },
    { "id": 2, "name": "Brandon" }
  ]
}

Вот повторно используемая функция:

const groupDataByKey = (data, key) =>
  new Map(Object.entries(data.reduce((result, item) => ({
    ...result,
    [item[key]]: [ ...(result[item[key]] || []), item ]
  }), {})));
  
const exampleData = [
  { id: 1, name: "Tony", },
  { id: 2, name: "Lori" },
  { id: 2, name: "Pete" },
  { id: 2, name: "Brandon" },
];

console.info(...groupDataByKey(exampleData, 'id'));

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

ОП попросил Map.

— 12.12.2020 02:22

@connexo Я только что обернул оператор возврата new Map(Object.entries(...))

— 12.12.2020 02:24

12.12.2020 01:45

Другие вопросы по теме

Я хочу, чтобы мой код JavaScript возвращал «это високосный год», но он возвращает «не високосный год»,

Преобразование JS crypto.createHmac в Xojo Crypto.HMAC

Добавление или удаление из массива в зависимости от того, включает ли он событие

Обнаружение браузера Edge Legacy, а не Edge Chromium

Обеспечьте инъекцию с помощью функции настройки с помощью Vue 3

Невозможно удалить подчеркивание текста внизу страницы, которое возникает, когда мышь находится в определенных областях

Почему мой путь к моему изображению не работает в реакции?

Как правильно привязать вложенные объекты к текстовым вводам с помощью избыточности

Как отправить модальные данные родителю в Bootstrap Vue?

Невозможно импортировать изображения в Reactjs с помощью require()

Как добавить массив объектов внутри карты в Javascript

Ответы 1

Выход

Другие вопросы по теме

Похожие вопросы