Сортировка 2d-массива по возрастанию с использованием Javascript

Я пробовал карту и цикл forEach и до сих пор не могу отсортировать его по алфавиту. Не уверен, что мне здесь не хватает.

Мой массив:

const filtData = [
  [
    {
      gameType: "Rowing",
    },
    {
      gameType: "Rowing",
    },
    {
      gameType: "Rowing",
    },
  ],
  [
    {
      gameType: "Golf",
    },
    {
      gameType: "Golf",
    },
    {
      gameType: "Golf",
    },
  ],
  [
    {
      gameType: "Soccer",
    },
    {
      gameType: "Soccer",
    },
    {
      gameType: "Soccer",
    },
  ],
  [
    {
      gameType: "Baseball",
    },
    {
      gameType: "Baseball",
    },
    {
      gameType: "Baseball",
    },
  ],
]

Js:

filtData.forEach(d => d.sort((a,b) => a.gameType - b.gameType))
console.log(filtData) /* <--fails  */

const sortedData = filtData.map((d) => d.sort((a, b) => {
  return a.gameType - b.gameType;
}));
console.log("sortedData", sortedData)/* <--fails  */

JsFiddle: https://jsfiddle.net/eL510oq3/

Формы 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.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
0
22
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Несколько моментов:

  • Вы сортируете на основе строк, а не чисел, поэтому используйте String#localeCompare
  • Не нужно использовать forEach или .map, просто sort

const filtData = [ [ { gameType: "Rowing", }, { gameType: "Rowing", }, { gameType: "Rowing", }, ], [ { gameType: "Golf", }, { gameType: "Golf", }, { gameType: "Golf", }, ], [ { gameType: "Soccer", }, { gameType: "Soccer", }, { gameType: "Soccer", }, ], [ { gameType: "Baseball", }, { gameType: "Baseball", }, { gameType: "Baseball", }, ], ];

filtData.sort((a,b) => a[0].gameType.localeCompare(b[0].gameType))

console.log(filtData);

Сортировка объектов массива в методе заказа ASC 1:

let arrayConcat = filtData.reduce((preValue, curValue) => {
return preValue.concat(curValue)
}, []);

let result = arrayConcat.sort((a, b) => {
  return a.gameType.localeCompare(b.gameType);
})

console.log(result);

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