Значения не сохраняются в массиве

Question

Я довольно новичок в javascript и jquery. В настоящее время у меня есть xml-файл, который я пытаюсь проанализировать с помощью jquery и javascript, но по какой-то причине значения, хранящиеся в массиве, не сохраняются.

var categories = new Array(); // Array for the categories 

var data = { 
    categories: [] 
}; 

var sources = [ 
{ 
    src:'', 
    title: '', 
    desc: '' 
}]; 

var i = 0; 

$.get('fakeFeed.xml', function (info) { 
    $(info).find("item").each(function() { 
    var el = $(this); 
    var categoryName = el.find('category').text(); 
    var p = categories.indexOf(categoryName); 

    sources[i] = []; 
    sources[i].src = el.find('media\\:content, content').attr('url'); 
    sources[i].title = el.find("title").text(); 
    sources[i].desc = 'Moscone Center'; 

    if(p == -1) { 
     categories.push(categoryName); 
     var category = { 
     name: categoryName, 
     videos: [] 
     }; 
    } 
    i++; 
    }); 
}); 

Если я делать console.log (категории) печатает все категории на массиве, но если я console.log (categories.length) я получаю 0 ...

console.log(categories.length); // This should be outputting 5 but I keep getting 0 for the size. 
for (var i=0; i<categories.length; i++) { 
    var category = { 
    name: categories[i], 
    videos: [] 
    }; 
} 

Я ценю любую помощь, которую может дать любой человек. Спасибо

Answer 1

$.get Функция асинхронная, поэтому вы должны попробовать поставить журнал в функцию обратного вызова.

$.get('fakeFeed.xml', function (info) { 
    $(info).find("item").each(function() { 
    .... 
    }); 
    console.log(categories.length); 
});