Как отключить автоматическуцю сортировку массива для fetch запросе?

Question

[Антон Шелестов]

Всем привет!

Выполняется fetch на сервер и в ответ пполучаю результат .then(res => res.json())

На сервере я отдаю отсортированный массив как мне нужно.

[
     36 => 'Авиационные',
     1 => 'Военные',
     15 => 'Гуманитарные'
     ...
]

Но javascript зачемто сам сортирует по ключам.

Кто-нибудь вкурсе как можно отключить это? Я понимаю что это спецификация, но в jquery кажется такого не было... Может фикс есть како-нибудь?

Comments

[Вадим]

https://stackoverflow.com/questions/5525795/does-j...
Давайте по пунктам:
1) JS сам со себе ничего не сортирует. Браузеры - могут.
2) В JS это не массив, а объект. Описанная конструкция - не валидна для js.
3) JQuery на 100% состоит из JS.

Если Вы сами сортируете и порядок важен, может стоит использовать действительно массив?

[Антон Шелестов]

Одновременно и понял и не понял))
Попробую полностью картину выложить

НА сервере есть массив

$arr = [
     36 => 'Авиационные',
     1 => 'Военные',
     15 => 'Гуманитарные'
     ...
]
return $arr;

В JS есть конструкция:

result = await fetch('https://site.ru/api/directions'. {method: 'GET'})
     .then((res) => res.json());

console.log(result);

И вот в консоле уже результат отсортирован по ключам по возрастанию...

Если посмотреть res.text()
То ответ от сервера, в сыром виде, правильный.
Добавим JSON.parse(res.text()) то опять сортирует...

Короче что-то не догоняю...

[Вадим]

Антон Шелестов,

[
36 => 'Авиационные',
1 => 'Военные',
15 => 'Гуманитарные'
]

Это ассоциативный массив, в js нет такого понятия. Есть понятие Объект - { key: value }
Объекты служат для хранения неупорядоченной информации.
Разные браузерные движки могут сортировать ключ объекта по разному. Раньше это вообще было не регламентировано. Сейчас регламентировано, но порядок может быть не такой, какой Вы ожидаете. В ссылке на СО об этом говорится.
Если порядок информации важен, то нужно использовать либо просто массив - ['Авиационные', 'Военные', 'Гуманитарные'], либо как гласит статья - Map. Правда не знаю что там по передаче Map с бэка на фронт.

Answer 1

[coderisimo]

JS не гарантирует сохранения порядка ключей в объекте, а цифровые ключи часто сортирует, но можно попробовать хак. Сделайте ключи "не цифровыми". К примеру :

[
     "+36" => 'Авиационные',
     "+1" => 'Военные',
     "+15" => 'Гуманитарные'
]

либо поменяйте структуру данных. Можно отдавать массив объектов , где объект может выглядеть ,как :

{id: 36, title:'Авиационные'}

Comments

[Антон Шелестов]

Да уже думал об этом, но придется тогда половину всех запросов переделывать)) не хотелось бы
Но если другого решения не будет придется
Спасибо

[coderisimo]

Антон Шелестов, увы. Может, есть какая-то внятная логика сортировки? Тогда можно приводить в правильный порядок уже на клиенте.

Answer 2

[Надим]

Вы на PHP отдаёте в функцию json_encode нумерованный массив, а надо отдавать именованный массив, т. е. цифры у вас должны быть строками - тогда по идее порядок сохранится, так как при парсинге JSON на стороне браузера уже получится объект, а не массив, как сейчас. При обходе объекта циклом порядок должен поручится такой же, какой он в JSON, но надо проверять.