Как отсортировать объект по первым ключам в JavaScript?

Question

[Aztart]

Имеется объект такого вида:

let code_list = {
  "0014" : { "far"  : "itar"  },
  "0143" : { "itih" : "sarat" },
  "0067" : { "sur"  : "gures" },
  "0013" : { "gar"  : "unar"  },
};

Нужно привести его к такому виду:

code_list = {
  "0013" : { "gar"  : "unar"  },
  "0014" : { "far"  : "itar"  },
  "0067" : { "sur"  : "gures" },
  "0143" : { "itih" : "sarat" },
};

То есть, отсортировать по первым ключам.

Какими способами это можно сделать?

Comments

[Lynn «Кофеман»]

Не нужно этого хотеть.
Если вам нужен порядок, используйте массив.

[ProjectSoft]

Aztart не согласен с предыдущим ответчиком, ибо ситуации бывают разные и JS язык очень гибкий в отличии от C, C++, Pascal и иже с ними.

let code_list = {
  "0014" : { "far"  : "itar"  },
  "0143" : { "itih" : "sarat" },
  "0067" : { "sur"  : "gures" },
  "0013" : { "gar"  : "unar"  },
};
code_list = Object.keys(code_list).sort().reduce(
  (obj, key) => {
    obj[key] = code_list[key];
    return obj;
  },
  {}
);
console.log(JSON.stringify(code_list));

[boulder]

ProjectSoft, так-то оно красиво, но потом выводишь объект в консоли — а там снова всё может быть перемешано...

[Роман Ямчук]

boulder, не нужно так делать, используйте массив

[VoidVolker]

ProjectSoft, неверно: ключи в объекте не поддерживают сортировку.

[ProjectSoft]

VoidVolker, Сортировка ключей по алфавиту это как бы должно быть по умолчанию, но именно ключи в данном виде нужно и отсортировать.
Почему я использую JSON.stringify для вывода результата? В консоли вы не увидите чёткого ответа если вывести просто объект. Можно, но нужна практика и внимательность. С JSON.stringify вы видите как есть. Так же вы видите результат данной сортировки.
Что преобразование объекта в массив и сортировка ключей, что сортировка ключей объекта по алфавиту - всё это действия, требующие выделения памяти. Поэтому в данном контексте выбирается самое подходящее решение.

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

[Lynn «Кофеман»]

ProjectSoft, а потом у тебя в объекте случится ключ "1234" и вся твоя сортировка пойдёт лесом.
Потому что у JS своё представление о прекрасном.

let code_list = {
  "0014" : { "far"  : "itar"  },
  "0143" : { "itih" : "sarat" },
  "0067" : { "sur"  : "gures" },
  "1234" : { "lol"  : "kek"   },
  "0013" : { "gar"  : "unar"  },
};
code_list = Object.keys(code_list).sort().reduce(
  (obj, key) => {
    obj[key] = code_list[key];
    return obj;
  },
  {}
);
console.log(JSON.stringify(code_list));
// {"1234":{"lol":"kek"},"0013":{"gar":"unar"},"0014":{"far":"itar"},"0067":{"sur":"gures"},"0143":{"itih":"sarat"}}

[ProjectSoft]

Lynn «Кофеман», конечно лесом ))) Вопрос в другом

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

[Lynn «Кофеман»]

ProjectSoft, ну так ровно это и написано в первом комментарии.

А вы зачем-то с этим не согласились, да ещё и дали код который как-будто бы работает и автор сейчас его радостно внедрит, а через три для будет ловить волшебные баги…

[VoidVolker]

ProjectSoft, повторюсь еще раз: объекты в JS не поддерживают сортировку - сортировка ключей в объекте может быть любая. Это утверждено в стандарте. Не надо вводить людей в заблуждения и предлагать неверные решения.

Answer 1

[VoidVolker]

Использовать массив. В JS объекты не поддерживают сортировку. За подробностями - в стандарт/поиск, уже много раз было обсуждено и разжёвано.

Answer 2

[Петр Слободянюк]

В JavaScript объекты не имеют встроенной возможности сохранять порядок своих ключей. Ключи объекта обычно перечисляются в порядке их добавления для нечисловых ключей. Однако, есть способы "сортировки" объекта, т. е. создания нового объекта, ключи которого добавляются в определенном порядке.

Один из способов это сделать – извлечь ключи, отсортировать их, а затем создать новый объект, используя отсортированные ключи. Вот как это делается:

let code_list = {
  "0014" : { "far"  : "itar"  },
  "0143" : { "itih" : "sarat" },
  "0067" : { "sur"  : "gures" },
  "0013" : { "gar"  : "unar"  },
};

// Взять ключи объекта и отсортировать их
let sortedKeys = Object.keys(code_list).sort();

// Создать новый объект с использованием отсортированных ключей
let sortedCodeList = {};
sortedKeys.forEach(key => {
  sortedCodeList[key] = code_list[key];
});

console.log(sortedCodeList);

Теперь в sortedCodeList ключи располагаются в нужном порядке (0013, 0014, 0067, 0143). Обратите внимание, что это создает новый объект, а исходный объект code_list остается без изменений.

Comments

[Lynn «Кофеман»]

А теперь добавьте в объект ключ "1234" и удивитесь.

[Петр Слободянюк]

Lynn «Кофеман», проблема, с которой вы столкнулись, связана с тем, как JavaScript обрабатывает ключи объектов. Хотя порядок ключей в современных движках JavaScript для обычных объектов (не Map) обычно сохраняется в порядке добавления (за исключением целочисленных ключей), такое поведение не гарантировано стандартом ECMAScript до ES6 и не рекомендуется полагаться на него.

В ES6 было введено правило, что ключи объекта, которые являются целыми неотрицательными числами (похожими на индексы массива), упорядочиваются в возрастающем порядке, а остальные ключи (строки и символы) сохраняют порядок добавления. В результате, когда вы создаёте объект sortedCodeList и добавляете в него ключи, если ключи преобразуются в целые числа (на самом деле даже если они строкового типа, но состоят только из цифр и преобразуются в целые числа), браузер автоматически сортирует их по возрастанию, независимо от порядка, в котором вы их добавляете.

Для сохранения порядка ключей обычно используют объект Map, который гарантирует порядок ключей в соответствии с порядком их добавления:

let code_list = {
  "0014" : { "far"  : "itar"  },
  "0143" : { "itih" : "sarat" },
  "0067" : { "sur"  : "gures" },
  "1234" : { "gar"  : "unar"  },
};

let sortedKeys = Object.keys(code_list).sort((a, b) => parseInt(a) - parseInt(b));

let sortedCodeList = new Map();
sortedKeys.forEach(key => {
  sortedCodeList.set(key, code_list[key]);
});

console.log(Object.fromEntries(sortedCodeList));

Map сохранит порядок ключей как в массиве sortedKeys. Когда вы захотите вернуть данные обратно в обычный объект, вы можете использовать Object.fromEntries() для преобразования карты в объект (этот метод доступен в ES2019 и выше). Обратите внимание, что, хотя Map сохранит ваш порядок, при преобразовании объекта обратно в строку JSON или при любом другом взаимодействии, которое использует обычные объекты, порядок цифровых ключей все равно может быть изменён, так как это поведение определяется тем, как JavaScript движок в браузере работает с ключами.

[Lynn «Кофеман»]

Петр Слободянюк, я не столкнулся, я не идиот что бы пытаться сортировать объект. А вот автор вопроса столкнётся потому что вы написали вредный ответ.

[VoidVolker]

Данный ответ не является верным решением сортировки полей объекта.

[Kentavr16]

Lynn «Кофеман», VoidVolker, есть устойчивое подозрение что ответ как и комментарий сформирован AI

[WbICHA]

Kentavr16, подозрение? Да тут ии воняет за версту.)

Answer 3

[historydev]

const sortedList = Object.keys(code_list).sort();