Объясните пожалуйста по этапам логику действия функции?

Question

[Olaff17]

const ordersArr = [4, 2, 1, 3];
const people = [
{ id: 1, name: "Максим" },
{ id: 2, name: "Николай" },
{ id: 3, name: "Ангелина" },
{ id: 4, name: "Виталий" },
];

function giveTalonsInOrder(patients, orders) {
   const indexPatients = patients.reduce((acc, person) => {
       acc[person.id] = person
       return acc
   }, {})
   return orders.map((orders) => indexPatients[orders])
}

const result = giveTalonsInOrder(people, ordersArr)

Объясните пожалуйста последовательно. Как я понимаю логику
Reduce получается на каждой итерации наполняет новый объект значениями заданного объекта, в итоге мы получаем новый объект с теми же значениями. Затем, как я понимаю метод map меняет параметр id на значения первого объекта. Что заставляет их выстроиться в нужном порядке?? и если я где-то ошибся в рассуждениях поправьте пожалуйста!

Comments

[Lynn «Кофеман»]

Для начала покажите код.
Скриншот это не код.

[Владимир]

Answer 1

[Сергей Соколов]

Примерно правильно понимаете.

Сначала создаётся объект-оглавление indexPatients.
Ключи id – значения объекты:

{
  "1": { id: 1, name: "Максим" },
  "2": { id: 2, name: "Николай" },
  // и так далее
}

Из такого объекта-индекса удобно по id вытащить соотв. объект.

Вторым шагом берём массив, где перечислены id в нужном порядке.
И заменяем методом map() каждый id на соотв. ему полный объект.

В итоге получаем массив с объектами в нужном порядке.

Comments

[Olaff17]

То есть при примененииmap()на первом объекте он берёт порядок чисел и грубо говоря применяет его на нужный нам объект? Правильно ли я понял?

[Сергей Соколов]

Olaff17, не совсем так.

map() это метод массива. Прочитайте документацию – как работает map()

В данном коде map() применяется к массиву, в котором лежат id в нужном порядке.
И возвращает новый массив, где вместо каждого id уже лежит сам объект.

Упрощённый пример:

const index = {
  "1": { id: 1 },
  "2": { id: 2 },
};

const order = [2, 1, 1];

const result = order.map(id => index[id]);

// в результате result:
// [ { id: 2 }, { id: 1 }, { id: 1 } ]

[Olaff17]

Сергей Соколов, Я перепутал, получается map() берёт массив чисел и на каждой итерации меняет значения id нашего объекта, после чего возвращает новый массив, примерно так?

[Сергей Соколов]

Olaff17, теплее.

Было, например, очередное значение в массиве 2 — а стал объект с id: 2

[Olaff17]

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