Promise.all ([...]) заполнение объекта

Question

У меня есть объект с некоторыми идентификаторами, которые мне нужно заменить на связанные с ними объекты путем выборки на разных конечных точках.

{
  user: 123456
  items: [
    1234,
    4321,
  ]
}

, и я хочу получить его там, где a является конечной точкой GET /user для userIdи GET /item для каждого из идентификаторов предметов.Я хочу, чтобы полный объект был возвращен как:

{
  user: { ... }
  items: [
    { ... } 
    { ... } 
  ]
}

Все мои функции пользователя и элемента работают и используют асинхронную выборку, поэтому я думаю, что я хочу что-то вроде o:

const fillIn = async data => {
  return Promise.all(
    data.map(async obj => {
      const userId = obj.userId;
      const itemIds = obj.items
      return Promise.all([
        getUser(creatorId),
        Promise.all(itemIds.map(item => getItem(item)))
      ]);
    })
  );
};

Мой вопрос в том, что обещает вернуть все и когда оно возвращает?Я продолжаю получать функции обратно неразрешенными, но я думал, что весь смысл в том, чтобы решить все обещания!?

Answer 1

Функция, которая вам нужна, возвращает обещание, которое выполняется с «заполненным» объектом.Это обещание на самом деле представляет собой набор обещаний: одно для пользователя и массив для каждого элемента в элементах ...

function fillIn(object) {
    let filledInObject = { user:null, items:[] };
    let promises = object.items.map(i => {
        return getItem(i).then(item => filledInObject.items.push(item));
    });
    let userPromise = getUser(object.user).then(user => {
        filledInObject.user = user;
    });
    promises.push(userPromise);
    return Promise.all(promises);
}

Можно также представить более общее решение, в котором имена свойств сопоставляются с получателями внекоторый объект конфигурации:

// getUser and getItem are assumed as above
// add a plural form for getItems
// our getters will be indexed like this: { user:getUser, items:getItems }

function getItems(array) {
    let promises = array.map(i => getItem(i));
    return Promise.all(promises);
}

Теперь общий внутренний наполнитель ...

function fillIn(object, getters) {
    let filledInObject = {};
    let promises = Object.keys(object).map(key => {
        let getter = getters[key];    // lookup a promise-returning function for the key
        // call it with the param in the object, use the result to fill-in the target object
        return getter(object[key]).then(result => {
            filledInObject[key] = result;
        });
    });
    return Promise.all(promises);
}

Назовите это так:

const getters = { user:getUser, items:getItems }
let opObject = { user: 123456, items: [ 1234, 4321 ] };

fillIn(opObject, getters).then(filledInObject => {
    console.log(filledInObject);
})