Js как правильно перебрать массив?

Question

[IvanOne]

Есть массив
ports = [];
Заполняю его строками (с помощью lodash):

_.each(data.ports_variables, function(val){
                ports.push(val.ifName);
})

Но вот проблема

console.log(ports[0]);
->undefined

Различные переборы просто не срабатывают, как будто он пустой, хотя если сделать
console.log(ports);
То выводится список значений, в чем может быть проблема? Как можно пройтись по всему массиву?

Answer 1

[Роман Макаров]

Возможно у вас идет перебор в колбэке к какой нибудь асинхронной функции? типа запроса

Comments

[IvanOne]

Как раз массив наполняется в колбэке, а for идет вне этой функции

[Роман Макаров]

IvanOne: вот и ответ.

[IvanOne]

Я в js не слишком силен так как больше на бэкенде спец, но задача попалась такая есть функция
if(data) {
device = data.uuid;
ports = data.interfaces;
console.log(e, data)
} else {
device = $('#id_device').val();
$.ajax({
url: api_hosts+"/Wrapper/v1/variables/"+device+"?fields=ifName,ifAlias",
method: "GET",
dataType: "json",
crossDomain: true,
headers: {
"Authentification": "YWRtaW46YWRtaW4="
}
})
.success(function(data){
_.each(data.ports_variables, function(val){
ports.push(val.ifName);
})
});
}
var cnt = 0;
console.log(ports);
console.log("---");
console.log(ports[0]);
console.log("---")
Вот как раз в колбеке ajax идет наполнение, но при этом первый console log выдает массив правда в странном виде, второй consolelog где идет обращение по индексу возвращает undefined, если не сложно коротко объясните мне, как правильно обрабатывать такие вещи?

[Роман Макаров]

IvanOne: код в js не всегда работает синхронно (последовательно). В данном случае, когда он встречает ajax, то он отправляет запрос и продолжает выполнять последующий код, потом получает ответ, отрабатывает колбэк и продолжает выполнять далее.
Т.е. если вы хотите использовать данные из success колбэка, вам нужно:
1) обращаться к данным внутри колбэка
2) либо быть на 100% уверенным, что они пришли.
3) (плохой вариант) сделать запрос синхнронным, async: false в параметрах $.ajax

[IvanOne]

Понял, большое спасибо

Answer 2

[Сергей Мельников]

Все работает нормально, вы что то не так делаете

https://jsfiddle.net/rxLomLLw/

Answer 3

[Тарас Лабяк]

Array.prototype.forEach чем плох? Про старый-добрый for все забыли...

Comments

[Роман Макаров]

абсолютно ничем, но если уже используется lodash/underscore, так же невозбранимо использовать их методы.

[Тарас Лабяк]

Роман Макаров: _.each есть смысл использовать в случае перебора чего-то отличного от массива