Дождитесь обещаний внутри цикла перед возвратом [дубликат]

У меня возникли проблемы с тем, чтобы мой код работал так, как я хочу.

Я хочу перебрать все мои вновь созданные объекты из массива movieList после выполнения внешнего "getJSON". Но я вижу, что массив пуст, когда я перебираю его.

Можно ли как-нибудь заставить это решение работать?

   var url = "https://api.themoviedb.org/3/movie/popular?api_key=2c2a6a5ed606126f48db4cdbca91c0f0&language=en-US&page=1";
   var genreUrl = "https://api.themoviedb.org/3/genre/movie/list?api_key=2c2a6a5ed606126f48db4cdbca91c0f0&language=en-US";

$.getJSON(url).then(function(movies){
            var movieList = [];

       movies.results.forEach(function(movie){

            /* Get the genere names for single movie */
           $.getJSON(genreUrl).then(function(genresHolder){
                var genreNames = [];

               //Pushes some info to the array

                return genreNames;
            }).then(function(genres){
               movieList.push(new Movie(movie.id,movie.original_title,genres,movie.poster_path,movie.vote_count,movie.vote_average,movie.release_date));
           })
            counter++;
        })
          return movieList;

   }).then(function (movieList){

       movieList.forEach(function(movie){
           //Appending each movie to html page
       }) 
   }).catch(function(err){
       console.log(err)
   })