Не могу получить доступ к свойствам массива, полученным по Ajax

Приветствую,

Вот код:

Код (Javascript):

1. $(document).ready(function () {
2.    
3.    
4.     var begincat = 1; // начальная категория, с которой получаем все данные
5.     var objects = new Array;
6.     var currentoblject = 0;
7.     function create_objects() { //Создаем объекты на основе категорий товаров в категории с id=1
8.        
9.         $.ajax(
10.             {
11.                 url: '/api/categories?parent_id=1',
12.                 dataType:'json',
13.                 method:'get',
14.                 done: function(response){
15.                     for ( let i = 0; i < response.length; i++ ) {
16.                         objects[i] = new Array;
17.                         objects[i]['category_id'] = response[i].id;
18.                         objects[i]['category'] = response[i].category;
19.                         objects[i]['font-type'] = '';
20.                         objects[i]['text1-size'] = 14;
21.                         objects[i]['text2-size'] = 14;
22.                         objects[i]['topimage1'] = '';
23.                         objects[i]['topimage2'] = '';
24.                         objects[i]['bottomimage1'] = '';
25.                         objects[i]['bottomimage2'] = '';
26.                         objects[i]['topimage1'] = '';
27.                         objects[i]['color'] = '#fc0';
28.                         objects[i]['currentproduct'] = 0;
29.                         //получим список товаров и их свойства, входящие в категорию
30.                             $.ajax({
31.                                 url: '/api/products?category_id=' + response[i].id,
32.                                 dataType:'json',
33.                                 method:'get',
34.                                 done: function(products) {
35.                                     objects[i]['products'] = products;
36.                                 }
37.                             });
38.                         //
39.                        
40.                     }
41.                     //console.log(response.length);
42.                 }
43.             }          
44.         );
45.        
46.     }
47.    
48. create_objects(); //инициализируем функцию, чтобы данные записались в objects  
49. console.log(objects);
50. console.log(objects[0]);
51.    
52.     function drawobject(object) { //Функция отображения объекта по его порядковому номеру в массиве
53.         //$('#productphoto1').html('<img src="'+objects[object]['products'][0].photo_f+'" class="img-fluid"/>');
54.        
55.     }
56.    
57.     drawobject(currentoblject);
58.    
59. });

В консоли следующие результаты:

Код (Text):

1.  
2. console.log(objects); //показывает объект
3. console.log(objects[0]); //показывает undefinded

Как мне написать код так, чтобы получать нормальный доступ ко всем свойствам objects?
Я новичок в JS. Менял success на done, наоборот, ничего не меняется

 

done, вообще, пустой отдал массив. Когда закидываю objects в консоль, то он его распечатывает. А когда обращаюсь к элементу objects[0], то undefinded

 

typeof(objects) - пишет объект