Как сделать сортировку вложенных массивов JS?

Question

[Евгений Рудченко]

Здравствуйте, имею вот такой массив вложенных данных, пробую его отсортировать по полю 'sorting'. Все окей, но как отсортировать вложенные в него турниры по тому же полю, а в турнирах отсортировать евенты все по тому же полю 'sorting'? Помогите, пожалуйста, уже все что мог делал..

data.sort(function (a, b) {
if (a.sorting > b.sorting) {
return -1;
}
if (a.sorting < b.sorting) {
return 1;
}
return 0;
});

Массив данных:

[
   {
      "id":67,
      "name":{
         "en":"Wrestling",
      },
      "sorting":25,
      "tournaments":{
         "1522":{
            "id":1522,
            "game_id":67,
            "name_original":"MMA Fight Nights Global. MMA LFA",
            "name_lang":{
               "en":"MMA Fight Nights Global. MMA LFA",
            },
            "sorting":1,
            "events":{
               "187":{
                  "id":187,
                  "game_id":67,
                  "tournament_id":1522,
                  "date_start":"2019-09-14 01:00:00",
                  "sorting":2002233540,
                  "status":1,
                  "home_team_name":"Chris Harris",
                  "away_team_name":"Buckley J",
                  "IsActive":true,
               },
               "190":{
                  "id":190,
                  "game_id":67,
                  "tournament_id":1522,
                  "date_start":"2019-09-14 01:30:00",
                  "sorting":2002233544,
                  "status":1,
                  "home_team_name":"Ogden T",
                  "away_team_name":"Nick Browne",
                  "IsActive":true,
               }
            }
         },

.............. Турнир 2, 3 и т.д

      },
   },

 ............. Игра 2, 3 и т.д

]

Comments

[Дмитрий Беляев]

если речь про поле tournaments - то там объект, который является неупорядоченной коллекцией, а следовательно его нельзя отсортировать
но можно собрать все значения в массив и сортировать их

[Евгений Рудченко]

Дмитрий Беляев, если идти циклом по играм, то внутри можно выполнить такой код (ниже) для турниров, но как мне получить один готовый массив, который я могу отдать в рендер уже отсортированным?

var tournamentsSorting = $.map(value.tournaments, function(value, index) {return [value];});					
	tournamentsSorting.sort(function (a, b) {
		if (a.sorting < b.sorting) {
			return -1;
		}
		if (a.sorting > b.sorting) {
			return 1;
		}
		return 0;
	}).reverse();

[dollar]

Это довольно простая, но всё же задача, что нарушает правила.

Что касается сортировки объекта, могу посоветовать превратить его в массив, отсортировать, и затем снова в объект с нуля, т.е. добавляя свойства в том порядке, в котором они в массиве. Это как бы хак такой, в идеальном мире лучше так не делать.

[Евгений Рудченко]

dollar, понял, не подскажите как сортировать уже когда преобразую в массив?

[dollar]

Евгений Рудченко, можно извратнуться и прямо в функции сортировки пытаться сортировать каждый элемент. Но тогда желательно как-то помечать уже отсортированные, а для этого нужно завести отдельное поле. Надеюсь, оно не помешает рендеру.

По-нормальному - через цикл. Ничего сложно или сверхъестественного. Любой начинающий программист напишет вам код.

[Евгений Рудченко]

dollar, а если так (код ниже)? Работает правильно. У меня эти данные каждые ~ 8 сек обновляются и каждый раз объект будет сортироваться заново, игр может быть на странице около 800. Не вызовет ли это сильно нагрузки у пользователя?

var arr_response = new Array();

response.sort(function(a, b) {
    if (a.sorting > b.sorting) {
        return -1;
    }
    if (a.sorting < b.sorting) {
        return 1;
    }
    return 0;
});

$.each(response, function(key, value) {
    var tournamentsSorting = $.map(value.tournaments, function(value, index) {
        return [value];
    });
    delete value.tournaments;
    arr_response[key] = value;

    tournamentsSorting.sort(function(a, b) {
        if (a.sorting < b.sorting) {
            return -1;
        }
        if (a.sorting > b.sorting) {
            return 1;
        }
        return 0;
    }).reverse();

    $.each(tournamentsSorting, function(key2, value2) {
        var eventsSorting = $.map(value2.events, function(value, index) {
            return [value];
        });
        delete value2.events;
        if (arr_response[key]['tournaments'] == undefined) {
            arr_response[key]['tournaments'] = [];
        }
        arr_response[key]['tournaments'].push(value2);

        eventsSorting.sort(function(a, b) {
            if (a.sorting < b.sorting) {
                return -1;
            }
            if (a.sorting > b.sorting) {
                return 1;
            }
            return 0;
        }).reverse();

        $.each(eventsSorting, function(key3, value3) {
            if (arr_response[key]['tournaments'][key2]['events'] == undefined) {
                arr_response[key]['tournaments'][key2]['events'] = [];
            }
            arr_response[key]['tournaments'][key2]['events'].push(value3);
        });
    });
});

[dollar]

Сильной нагрузки не вызывает.

Если вы можете кэшировать что-то, чтобы не повторять работу и не создавать лишнюю нагрузку, то кэшируйте. Если сильно переживаете за пользователя, то сортируйте на сервере, там свои кэши разных уровней можно понаделать.

[Евгений Рудченко]

dollar, большое спасибо, помогли очень