Можно как-то вернуть данные из values, чтобы отказаться от then(-ов) для каждого запроса?

Question

[lexstile]

Можно как-то вернуть данные из values, чтобы отказаться от then(-ов) для каждого запроса?
И хотелось бы сохранить:

const [data1, data2, data3]

const [data1, data2, data3] = await Promise.all([
        http.get('/test1').then(({data}) => data),
        http.get('/test2').then(({data}) => data),
        http.get('/test3').then(({data}) => data),
      ]).then((values) => {
        console.log('values', values);
        // [{data: [1], status: 200, config: {}}, {data: [2], status: 200, config: {}}, {data: [3], status: 200, config: {}}]
        return values;
      });

Comments

[Владимир]

Почему не вынести обработчик результата в функцию, и не переиспользовать ее сразу после http.get()?

[lexstile]

Владимир, можно, но я хотел бы так оставить:

const [data1, data2, data3] = await Promise.all([
        http.get('/test1'),
        http.get('/test2'),
        http.get('/test3'),
      ]).then((values) => {
        console.log('values', values);
        // [{data: [1], status: 200, config: {}}, {data: [2], status: 200, config: {}}, {data: [3], status: 200, config: {}}]
        return values;
      });

И вопрос в том, как вернуть из then массив вида: [data, data, data]?

[Владимир]

lexstile, https://developer.mozilla.org/en-US/docs/Web/JavaS...

Answer 1

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

const [data1, data2, data3] = await Promise.all(
  ['/test1', '/test2', '/test3']
  .map((url) => http.get(url).then(({ data }) => data))
)
.then((values) => {
  console.log('values', values);
  return values;
});

Или

const [data1, data2, data3] = await Promise.all(
  ['/test1', '/test2', '/test3']
  .map((url) => http.get(url))
)
.then((values) => values.map(({ data }) => data));

Comments

[lexstile]

Так то же самое получилось, от then внутри all хотел отказаться, а вызвать только один раз уже за скобками. Не получится?
Но читается как вы предложили - получше - да.

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

lexstile, что-то типа этого?

const [data1, data2, data3] = await Promise.all(
  ['/test1', '/test2', '/test3']
  .map((url) => http.get(url))
)
.then((values) => {
  console.log('values', values);
  return values.map(({ data }) => data);
});

Но какая разница, где расположить вытаскивание data? =)

[lexstile]

Сергей Соколов, да, все верно, думал - может как можно без перебора сделать, но в целом - map тоже сойдет.
Благодарю за ответ.