Мозилла меняет порядок свойств объекта?

Question

[Павел Корнилов]

Всем привет!
Кто-то может внятно разъяснить, почему:

var o = {d:1,a:2,c:3}
console.log(o)
// Object { a: 2, d: 1, c: 3 }

Броузер - Мозилла.
Ради интереса проверил в Хромиуме - там все гуд.
Как можно избежать подобного поведения в Мозилле?

Answer 1

[display: block]

www.ecma-international.org/publications/files/ECMA...

4.3.3 Object
An object is a member of the type Object. It is an unordered collection of properties each of which
contains a primitive value, object, or function. A function stored in a property of an object is called a
method.

https://learn.javascript.ru/object-for-in#в-каком-...
Важен порядок - использовать массив.

UPD
Firefox ESR 45.9.0 - вывод такой же как и в хроме

Comments

[Павел Корнилов]

Спасибо, точно!
Но хак, приведенный по 2 ссылке не всегда работает. У меня как раз ключи строковые, а броузер ломает их порядок. Так что на это рассчитывать никак нельзя.
Думаю, вы правы, придется переписывать на массив.

[Павел Корнилов]

По UPD:
Проверял в редкой версии Мозиллы от Vector T13. Это броузер, не позволяющий отслеживать пользователя ни по каким из отпечатков.

Answer 2

[Coder321]

Если не ошибаюсь, то если использовать числа как ключи то порядок будет сохрагятся

Comments

[Павел Корнилов]

Будет сохраняться порядок нумерации, а не порядок назначения свойств, как надо мне.

[Coder321]

Можете юзнуть Map, там все сохраняется в порядке добавления

[Павел Корнилов]

Coder321, это придётся юзать массив, а с ними таких проблем и так нет.
Уже переписал код на массивы - очередность добавления сохраняется везде. Как говорится, нужно лучше читать спецификацию.
Хотя, я считаю, что такое неупорядоченное отношение объектов к собственным свойствам - это скорее минус языка. В моём случае объекты были бы более предпочтительны, чем массивы. Точнее, мне нужны были именно ассоциативные массивы, но они в JS === Object.

[Coder321]

как бы Map и есть ассоциативный массив Map

[Павел Корнилов]

Coder321,

Это экспериментальная технология, часть предложения Harmony (ECMAScript 6).

Моя промашка. Забыл указать, что юзаю исключительно ES-5.

[Coder321]

KorniloFF, ну тогда только массив) Хотя что массив что обьект в js практически одно и тоже)

[Павел Корнилов]

Coder321, за исключением наследования от разных прототипов. То есть, и то и то наследует у Object.prototype, но массивы еще и у Array.prototype.
И, как оказалось, объекты - это неупорядоченный набор свойств, в отличие от массива.
Спасибо за попытку помочь, но я сразу же переписал код в соответствии с советом display: block на массивы - и всё ожидаемо заработало во всех броузерах.
К сожалению, совет про использование числовых ключей в объекте - скорее вреден, потому что это незадокументированная фича и, как оказалось, она работает не во всех броузерах, поэтому можно наступить на те же грабли, что и я.
Для остальных:
При необходимости стекового сохранения данных в единый объект - подходят исключительно массивы.