Elemen memesan dalam loop "for (... in ...)"

Apakah "for ... in" loop dalam Javascript loop melalui hashtables / elemen dalam urutan mereka dinyatakan? Apakah ada peramban yang tidak melakukannya secara berurutan?
Objek yang ingin saya gunakan akan dideklarasikan sekali dan tidak akan pernah dimodifikasi.

Misalkan saya punya:

var myObject = { A: "Hello", B: "World" };

Dan saya selanjutnya menggunakannya dalam:

for (var item in myObject) alert(item + " : " + myObject[item]);

Dapatkah saya berharap 'A: "Hello"' selalu datang sebelum 'B: "World"' di sebagian besar browser yang layak?

Mengutip John Resig :

Saat ini semua peramban utama mengulangi properti suatu objek sesuai urutan penetapannya. Chrome juga melakukan ini, kecuali untuk beberapa kasus. [...] Perilaku ini secara eksplisit dibiarkan tidak ditentukan oleh spesifikasi skrip ECMAS. Dalam ECMA-262, bagian 12.6.4:

Mekanisme penghitungan properti ... bergantung pada implementasi.

Namun, spesifikasi sangat berbeda dari implementasi. Semua implementasi modern dari ECMAScript iterate melalui properti objek dalam urutan di mana mereka didefinisikan. Karena itu, tim Chrome menganggap ini sebagai bug dan akan memperbaikinya.

Semua browser mematuhi urutan definisi dengan pengecualian Chrome dan Opera yang berlaku untuk setiap nama properti non-numerik. Dalam dua browser ini properti ditarik secara berurutan di depan properti non-numerik pertama (ini ada hubungannya dengan bagaimana mereka mengimplementasikan array). Urutannya sama Object.keysjuga.

Contoh ini harus menjelaskan apa yang terjadi:

var obj = {
  "first":"first",
  "2":"2",
  "34":"34",
  "1":"1",
  "second":"second"
};
for (var i in obj) { console.log(i); };
// Order listed:
// "1"
// "2"
// "34"
// "first"
// "second"

Teknisnya kurang penting daripada fakta bahwa ini dapat berubah setiap saat. Jangan mengandalkan hal-hal seperti ini.

Singkatnya: Gunakan array jika pesanan penting bagi Anda.

Menabrak ini setahun kemudian ...

Ini adalah tahun 2012 dan browser utama masih berbeda:

function lineate(obj){
    var arr = [], i;
    for (i in obj) arr.push([i,obj[i]].join(':'));
    console.log(arr);
}
var obj = { a:1, b:2, c:3, "123":'xyz' };
/* log1 */  lineate(obj);
obj.a = 4;
/* log2 */  lineate(obj);
delete obj.a;
obj.a = 4;
/* log3 */  lineate(obj);

Intisari atau uji di browser saat ini

Safari 5, Firefox 14

["a:1", "b:2", "c:3", "123:xyz"]
["a:4", "b:2", "c:3", "123:xyz"]
["b:2", "c:3", "123:xyz", "a:4"]

Chrome 21, Opera 12, Node 0.6, Firefox 27

["123:xyz", "a:1", "b:2", "c:3"]
["123:xyz", "a:4", "b:2", "c:3"]
["123:xyz", "b:2", "c:3", "a:4"]

IE9

[123:xyz,a:1,b:2,c:3] 
[123:xyz,a:4,b:2,c:3] 
[123:xyz,a:4,b:2,c:3] 

Dari Spesifikasi Bahasa Naskah ECMAS, bagian 12.6.4 (di for .. inloop):

Mekanisme penghitungan properti bergantung pada implementasi. Urutan enumerasi ditentukan oleh objek.

Dan bagian 4.3.3 (definisi "Objek"):

Ini adalah kumpulan properti tanpa urutan yang masing-masing berisi nilai, objek, atau fungsi primitif. Fungsi yang disimpan dalam properti suatu objek disebut metode.

Saya kira itu berarti Anda tidak dapat mengandalkan properti yang disebutkan dalam urutan yang konsisten di seluruh implementasi JavaScript. (Lagi pula, itu akan menjadi gaya yang buruk untuk bergantung pada perincian khusus implementasi suatu bahasa.)

Jika Anda ingin pesanan Anda ditentukan, Anda perlu mengimplementasikan sesuatu yang mendefinisikannya, seperti array kunci yang Anda urutkan sebelum mengakses objek dengannya.

Elemen dari objek yang untuk / dalam penghitungan adalah properti yang tidak memiliki set flag DontEnum. ECMAScript, alias Javascript, standar secara eksplisit mengatakan bahwa "Suatu Objek adalah kumpulan properti yang tidak terurut" (lihat http://www.mozilla.org/js/language/E262-3.pdf bagian 8.6).

Ini tidak akan menjadi standar yang sesuai (yaitu aman) untuk mengasumsikan semua implementasi Javascript akan disebutkan dalam urutan deklarasi.

Urutan perulangan juga bingung sehubungan dengan penghapusan properti, tetapi dalam hal ini hanya dengan IE.

var obj = {};
obj.a = 'a';
obj.b = 'b';
obj.c = 'c';

// IE allows the value to be deleted...
delete obj.b;

// ...but remembers the old position if it is added back later
obj.b = 'bb';
for (var p in obj) {
    alert(obj[p]); // in IE, will be a, bb, then c;
                   // not a, c, then bb as for FF/Chrome/Opera/Safari
}

Keinginan untuk mengubah spesifikasi untuk memperbaiki urutan iterasi tampaknya menjadi keinginan yang cukup populer di kalangan pengembang jika diskusi di http://code.google.com/p/v8/issues/detail?id=164 adalah indikasi.

di IE6, pesanannya tidak dijamin.

Pesanan tidak dapat dipercaya. Baik Opera dan Chrome mengembalikan daftar properti yang tidak diurusi.

<script type="text/javascript">
var username = {"14719":"A","648":"B","15185":"C"};

for (var i in username) {
  window.alert(i + ' => ' + username[i]);
}
</script>

Kode di atas menunjukkan B, A, C di Opera dan C, A, B di Chrome.

Ini tidak menjawab pertanyaan itu sendiri, tetapi menawarkan solusi untuk masalah dasar.

Dengan asumsi bahwa Anda tidak dapat bergantung pada pesanan untuk disimpan, mengapa tidak menggunakan array objek dengan kunci dan nilai sebagai properti?

var myArray = [
    {
        'key'   : 'key1'
        'value' : 0
    },
    {
        'key'   : 'key2',
        'value' : 1
    } // ...
];

Sekarang, terserah Anda untuk memastikan bahwa kunci-kunci itu unik (dengan anggapan bahwa ini juga penting bagi Anda. Selain itu, mengatasi perubahan secara langsung, dan untuk (... dalam ...) sekarang mengembalikan indeks sebagai 'kunci'.

> console.log(myArray[0].key);
key1

> for (let index in myArray) {console.log(myArray[index].value);}
0
1