Почему console.log(urls) в .then выводит заполненный массив, а console.log(urls) за пределами .then выводит пустой массив?

Недавно начал работать с промисами. Есть функция:

getImageUrls = () => {
  let urls = [];
    
  query(logins)
  .then(response => {
    for(let key in response) {
      urls.push(response[key].avatar_url);
    }
    console.log(urls);
  });
  console.log(urls);
}

query(logins) возвращает промис (объект), который содержит объекты с данными о пользователях github. Как итог: первый console.log выводит массив с объектами, а второй console.log - пустой массив. Почему?