как присвоить значение вне ОБЕЩАНИЯ изнутри

Question

export class YoutubeService {

  getTrendingVideos(country) {
    let result = [];
    return axios.get('/').then(function(res){
      result = res.data.items;
      for (var i = 0; i < result.length; i++) {
        result[i] = {
          id: result[i].id,
          title: result[i].snippet.title,
          thumbnail: result[i].snippet.thumbnails.high.url,
          publishedAt: moment(result[i].snippet.publishedAt).fromNow()
        };
        result[i]= YoutubeService.getVideoDetails(result[i]).then(
            (video)=> 
              {
                  return video;
              }
        ); //result[i] is not getting resolved
        console.log(result[i]); // it returns Promise { <pending> }
      }
      return result;
    });

  }

  static getVideoDetails(video) {
    return axios.get('/').then(function(res) {
      let result = res.data;
      video.viewCount = result['items'][0].statistics.viewCount;
      video.likeCount = result['items'][0].statistics.likeCount;
      return video;
    });
  }
}

Как я могу присвоить значение массиву result [i] изнутри .then (). На данный момент он выходит пустым. Ошибка, которая возвращает Promise {<pending>}. Заранее спасибо.

Answer 1

Promise.all() разрешится после разрешения переданного массива обещаний.

Код должен собрать обещания, сделанные getVideoDetails(), и вернуть обещание выполнить эти запросы ...

  getTrendingVideos(country) {
    let result = [];
    let promises = [];
    return axios.get('/').then(function(res){
      result = res.data.items;
      for (var i = 0; i < result.length; i++) {
        result[i] = {
          id: result[i].id,
          title: result[i].snippet.title,
          thumbnail: result[i].snippet.thumbnails.high.url,
          publishedAt: moment(result[i].snippet.publishedAt).fromNow()
        };
        promises.push( YoutubeService.getVideoDetails(result[i]) )
      }
      return Promise.all(promises);
    });
  }