Группировать и сортировать объекты

Я хотел бы отсортировать объект, который вы можете видеть ниже. Я хочу добавить все свойства rating для каждого объекта и отсортировать объект в зависимости от того, какой рейтинг самый высокий.

Так, например, если Intro 1 общая оценка равна 7, а Intro 2 общая оценка равна 3, то Intro 1 должен быть первым объектом.

{
  'Intro 2': [
    {
      deckName: 'Test 2',
      rating: 1
    },
    {
      deckName: 'Test 2',
      rating: 2
    }
  ],
  'Intro 1': [
    {
      deckName: 'Test 1',
      rating: 3
    },
    {
      deckName: 'Test 1',
      rating: 4
    }
  ]
}

Что вы пробовали и в чем именно проблема?

jonrsharpe 22.04.2022 20:41

Можете ли вы сказать мне, что вы не понимаете?

Mr.Banks 22.04.2022 20:48
3 метода стилизации элементов HTML
3 метода стилизации элементов HTML
Когда дело доходит до применения какого-либо стиля к нашему HTML, существует три подхода: встроенный, внутренний и внешний. Предпочтительным обычно...
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
2
2
33
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

Вот ваши данные

const data = {
  "Intro 2": [
    {
      deckName: "Test 2",
      rating: 1
    },
    {
      deckName: "Test 2",
      rating: 2
    }
  ],
  "Intro 1": [
    {
      deckName: "Test 1",
      rating: 3
    },
    {
      deckName: "Test 1",
      rating: 4
    }
  ]
};

Превратим его в массив и отсортируем

const dataArr = Object.entries(data);

const sorted = dataArr.sort(
  (a, b) =>
    b[1].reduce((acc, curr) => {
      return acc + curr.rating;
    }, 0) -
    a[1].reduce((acc, curr) => {
      return acc + curr.rating;
    }, 0)
);

И, наконец, преобразование массива обратно в объект

const obj = {};

sorted.forEach((item) => {
  obj[item[0]] = item[1];
});

Песочница кода: https://codesandbox.io/s/sleepy-ramanujan-dwzwjm?file=/src/index.js

ОБНОВИТЬ
Для последнего цикла преобразования массива в объект это может быть более элегантным решением.

const obj = Object.fromEntries(sorted);

Вместо последнего цикла для преобразования вашего массива в объект вы можете использовать Object.fromEntries(). Например: const obj = Object.fromEntries(sorted);

Oleg Barabanov 22.04.2022 21:23

хорошо, спасибо, что заметили

kritiz 22.04.2022 21:26

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