Группируйте объекты JavaScript в массив в определенном порядке

У меня есть массив:

var tracks = [
  { id: 0, vibe: "downtempo" },
  { id: 1, vibe: "midtempo"  },
  { id: 2, vibe: "uptempo"  },
  { id: 3, vibe: "uptempo"  },
  { id: 4, vibe: "midtempo" },
  { id: 5, vibe: "downtempo"  },
  { id: 6, vibe: "midtempo" },
  { id: 7, vibe: "midtempo"  },
  { id: 8, vibe: "uptempo"  },
  { id: 9, vibe: "uptempo"  },
  ... 
  { id: 100, vibe: "midtempo"  },
];

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

 { id: 0, vibe: "downtempo" },
  { id: 5, vibe: "downtempo" },
  { id: 15, vibe: "downtempo"  },
  { id: 1, vibe: "midtempo"  },
  { id: 4, vibe: "midtempo" },
  { id: 6, vibe: "midtempo" },
  { id: 2, vibe: "uptempo"  },
  { id: 3, vibe: "uptempo"  },
  { id: 8, vibe: "uptempo"  },
  { id: 12, vibe: "downtempo" },
  { id: 25, vibe: "downtempo" },
  { id: 45, vibe: "downtempo"  },
  ...
  { id: 100, vibe: "uptempo"  },

Спасибо!

Это не дубликат. У меня вопрос о том, как сгруппировать по 3 и упорядочить

— 27.10.2018 18:23

ты хочешь, чтобы он сортировался по vibe?

— 27.10.2018 18:36

группировать и сортировать, мне нужна такая последовательность: downtempo, downtempo, downtempo, midtempo, midtempo, midtempo, uptempo, uptempo, uptempo, downtempo, downtempo, downtempo, midtempo, midtempo, midtempo, uptempo, uptempo, uptempo

— 27.10.2018 19:09

Вы правы, разыскиваемый заказ другой. но что ты пробовал? предоставьте больший набор данных для тестирования. вы тоже можете посмотреть здесь: минимальный воспроизводимый пример

— 27.10.2018 19:11

мой ответ работает для вас?

— 29.10.2018 09:43

да, большое спасибо!

— 22.01.2019 16:28

javascript arrays

27.10.2018 18:08

Поведение ключевого слова "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

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

Сортировка происходит с group, key и index.

Результат отображается с индексом отсортированного временного массива.

var array = [{ id: 0, vibe: 'downtempo' }, { id: 1, vibe: 'midtempo' }, { id: 2, vibe: 'uptempo' }, { id: 3, vibe: 'uptempo' }, { id: 4, vibe: 'midtempo' }, { id: 5, vibe: 'downtempo' }, { id: 6, vibe: 'midtempo' }, { id: 7, vibe: 'midtempo' }, { id: 8, vibe: 'uptempo' }, { id: 9, vibe: 'uptempo' }, { id: 10, vibe: 'midtempo' }, { id: 15, vibe: 'downtempo' }, { id: 12, vibe: 'downtempo' }, { id: 25, vibe: 'downtempo' }, { id: 45, vibe: 'downtempo' }],
    size = 3,
    order = { downtempo: 1, midtempo: 2, uptempo: 3 },
    groups = Object.create(null),
    result = array
        .map(({ vibe, key = order[vibe] }, index) => ({
            group: Math.floor(((groups[key] = groups[key] || []).push(key) - 1) / size),
            key,
            index
         }))
        .sort((a, b) => a.group - b.group || a.key - b.key || a.index - b.index)
        .map(({ index }) => array[index]);

console.info(result);

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

27.10.2018 22:22

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

Разница в 2 набора, сохраненных в массивах - C++

(.text + 0x) неопределенная ссылка на функцию с несколькими массивами в качестве параметров

Программный поиск всех кнопок в группе просмотра

Возможно ли в Java добавить одно значение Enum в Arraylist несколько раз на основе другого значения в Enum?

Попытка отсортировать ассоциативный массив в PHP

PHP: непреднамеренный многомерный массив, состоящий из единичных

Группируйте массив Powershell, затем конвертируйте в json

Равномерное разделение массива сгруппированных объектов на два

Преобразование данных Json

Как получить строки из массива случайным образом, не повторяя строку?

Группируйте объекты JavaScript в массив в определенном порядке

Ответы 1

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

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