Сортировка массива на основе значения вложенного объекта

Я пытаюсь создать функцию, которая сортирует массив на основе значения вложенного объекта.

const customers = [
  {
    name: 'John',
    displayOrder: [{ route1: 1 }, { route2: 3 }],
  },
  {
    name: 'Julie',
    displayOrder: [{ route1: 2 }, { route2: 1 }],
  },
  {
    name: 'Betsy',
    displayOrder: [{ route1: 3 }, { route2: 2 }],
  },
];

function sortCustomers(customers, route) {
  //enter amazing code here :P
  //here is what I think could work, just don't know how to get the index number
  customers.sort((a, b) => (a.displayOrder[?].route > b.displayOrder[?].route ? 1 : -1))
}

const route = 'route2';

sortCustomers(customers, route);
//desired output: [{Julie}, {Betsy}, {John}]

Я хочу использовать array.sort, но не знаю, как динамически генерировать индекс для соответствующего передаваемого аргумента маршрута.

Привет @beadle, обычно люди прямо не спрашивают о реализации здесь, в stackoverflow. Опубликуйте свой собственный подход к решению, и тогда мы, возможно, посмотрим, в чем конкретная проблема с ним или как его можно улучшить.

Benjamin 18.12.2020 18:53

Привет @Benjamin, спасибо, что сообщили мне!

Beadle 18.12.2020 21:34
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
Раскрытие чувствительных данных
Раскрытие чувствительных данных
Все внешние компоненты, рассмотренные здесь до сих пор, взаимодействуют с клиентской стороной. Однако, если они подвергаются атаке, они не...
Зод: сила проверки и преобразования данных
Зод: сила проверки и преобразования данных
Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Руководство ChatGPT по продаже мини JS-файлов
Руководство ChatGPT по продаже мини JS-файлов
JS-файл - это файл, содержащий код JavaScript. JavaScript - это язык программирования, который в основном используется для добавления интерактивности...
3
2
687
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

Вы можете найти порядок и принять его как значение для сортировки.

function sortCustomers(customers, route) {
    const order = ({ displayOrder }) => displayOrder.find(o => route in o)[route];
    customers.sort((a, b) => order(a) - order(b));
    return customers;
}

const customers = [{ name: 'John', displayOrder: [{ route1: 1 }, { route2: 3 }] }, { name: 'Julie', displayOrder: [{ route1: 2 }, { route2: 1 }] }, { name: 'Betsy', displayOrder: [{ route1: 3 }, { route2: 2 }] }];

console.info(sortCustomers(customers, 'route2'));
.as-console-wrapper { max-height: 100% !important; top: 0; }

const customers = [
  {
    name: 'John',
    displayOrder: [{ route1: 1 }, { route2: 3 }],
  },
  {
    name: 'Julie',
    displayOrder: [{ route1: 2 }, { route2: 1 }],
  },
  {
    name: 'Betsy',
    displayOrder: [{ route1: 3 }, { route2: 2 }],
  },
];

function sortCustomers(customers, route) {
  const index = route == "route2" ? 1 : 0;
   let sorted = customers.sort((a, b) => {
    return a.displayOrder[index][route] - b.displayOrder[index][route]
  })
  
   // only listed name obj
    const result = sorted.map(obj => obj.name);
   
  return result;
}

const route = 'route2';

const result = sortCustomers(customers, route);
console.info(result)

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