Почему axios запрос работает не так как я ожидаю?

Question

[qwentry]

Доброго времени суток.
Подскажите пожалуйста, почему запросы axios работают не так, как я ожидаю? Я понимаю, что запрос может выполняться 5-10сек, но как тогда сделать правильно в моем случае?

let obj = [];
    let data = []
    axios.get(url).then(function (response) {
        obj = response.data
        console.log(obj)
        for (var i = 0; i < obj.length; i++) {
            data.push([parseFloat(obj[i].firstName), parseFloat(obj[i].lastName)])
        }
        console.log(data) - тут по итогу лежит то, что мне надо... 
    });
    console.log(data) - а по факту я получаю не то, что было там
    console.log(obj)

Comments

[WapSter]

Вроде работает как нужно)

[VolgaVolga]

Не забивайте себе голову всякой чепухой. Используйте вместо axios синхронный XMLHttpRequest.

Answer 1

[Вадим]

оффтоп

Интересно, про это каждый день спрашивают, или всё же с промежутками...

console.log(data) - а по факту я получаю не то, что было там
console.log(obj)

Это выполнится раньше чем запрос.
Если Вам это понятно, то что Вам НЕ понятно?
Либо всё дальше в .then, либо идите дальше осваивать асинхронный javascript, а именно - async\await

Ну и

но как тогда сделать правильно в моем случае

1) Правильно понятие абстрактное и относительное
2) Откуда нам знать что Вы делаете, чтобы предложить варианты? Где критерии для "правильно"?

Comments

[qwentry]

Правильным в данном случае будет то, что data внутри then должна быть такая же как и снаружи... Что бы data заполнялась после запроса
Был бы благодарен, если поделились бы каким-то простым примером или банально ссылкой кинуть в меня.

[Вадим]

qwentry,

Правильным в данном случае будет то, что data внутри then должна быть такая же как и снаружи

А не наоборот? Вы хотите чтобы data снаружи then была такая же, как и внутри, так? Ну оно так и происходит.
Только Вы считываете data снаружи раньше, чем это происходит.
Как я и сказал, судя по всему, Вам нужно дальше познать async\await.

Первые три ссылки по запросу:
раз
два
*третью на хабр вставить не даёт, говорит запрещённые слова)*
https://habr.com/ru/company/skill%УДАЛИ_МЕНЯ%box/b...
Во, удалите из третьей ссылки %УДАЛИ_МЕНЯ%

[qwentry]

Вадим, Спасибо

Answer 2

[Александр]

Потому что

console.log(data) - а по факту я получаю не то, что было там

выполняется до начала выполнения axios.get. Это называется асинхронность.