Các yếu tố theo thứ tự trong một vòng lặp cho (

Có phải vòng lặp "cho bit trong" trong vòng lặp Javascript thông qua các hàm băm / phần tử theo thứ tự chúng được khai báo không? Có một trình duyệt không làm theo thứ tự?
Đối tượng tôi muốn sử dụng sẽ được khai báo một lần và sẽ không bao giờ được sửa đổi.

Giả sử tôi có:

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

Và tôi tiếp tục sử dụng chúng trong:

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

Tôi có thể mong đợi 'A: "Xin chào"' luôn xuất hiện trước 'B: "Thế giới"' trong hầu hết các trình duyệt phong nha không?

Trích dẫn John Resig :

Hiện tại tất cả các trình duyệt chính lặp lại các thuộc tính của một đối tượng theo thứ tự mà chúng được xác định. Chrome cũng làm điều này, ngoại trừ một vài trường hợp. [...] Hành vi này rõ ràng không được xác định bởi đặc tả ECMAScript. Trong ECMA-262, phần 12.6.4:

Các cơ chế liệt kê các thuộc tính ... phụ thuộc vào việc thực hiện.

Tuy nhiên, đặc điểm kỹ thuật khá khác với thực hiện. Tất cả các triển khai hiện đại của ECMAScript lặp đi lặp lại thông qua các thuộc tính đối tượng theo thứ tự mà chúng được xác định. Do đó, nhóm Chrome đã coi đây là một lỗi và sẽ khắc phục nó.

Tất cả các trình duyệt đều tôn trọng thứ tự định nghĩa ngoại trừ Chrome và Opera dành cho mọi tên thuộc tính không phải là số. Trong hai trình duyệt này, các thuộc tính được kéo theo thứ tự trước thuộc tính không số đầu tiên (điều này có liên quan đến cách chúng thực hiện các mảng). Thứ tự là giống nhau cho Object.keyslà tốt.

Ví dụ này sẽ làm rõ những gì xảy ra:

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"

Các kỹ thuật của điều này ít quan trọng hơn thực tế là điều này có thể thay đổi bất cứ lúc nào. Đừng dựa vào những thứ theo cách này.

Tóm lại: Sử dụng một mảng nếu thứ tự là quan trọng đối với bạn.

Va chạm này một năm sau ...

Đó là năm 2012 và các trình duyệt chính vẫn khác nhau:

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);

ý chính hoặc kiểm tra trong trình duyệt hiện tại

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, Nút 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] 

Từ Đặc tả ngôn ngữ ECMAScript , phần 12.6.4 (trên for .. invòng lặp):

Các cơ chế liệt kê các thuộc tính là phụ thuộc thực hiện. Thứ tự liệt kê được xác định bởi đối tượng.

Và phần 4.3.3 (định nghĩa của "Đối tượng"):

Nó là một tập hợp các thuộc tính không có thứ tự mà mỗi thuộc tính chứa một giá trị nguyên thủy, đối tượng hoặc hàm. Một hàm được lưu trữ trong một thuộc tính của một đối tượng được gọi là một phương thức.

Tôi đoán điều đó có nghĩa là bạn không thể dựa vào các thuộc tính được liệt kê theo thứ tự nhất quán trong các triển khai JavaScript. (Dù sao nó cũng sẽ là phong cách xấu khi dựa vào các chi tiết cụ thể của ngôn ngữ.)

Nếu bạn muốn thứ tự của bạn được xác định, bạn sẽ cần phải thực hiện một cái gì đó xác định nó, giống như một mảng các khóa mà bạn sắp xếp trước khi truy cập vào đối tượng với nó.

Các phần tử của một đối tượng cho / trong liệt kê là các thuộc tính không có cờ DontEnum được đặt. Tiêu chuẩn ECMAScript, hay còn gọi là Javascript, nói rõ ràng rằng "Đối tượng là một tập hợp các thuộc tính không có thứ tự" (xem http://www.mozilla.org/js/lingu/E262-3.pdf phần 8.6).

Sẽ không tuân thủ các tiêu chuẩn (nghĩa là an toàn) khi cho rằng tất cả các triển khai Javascript sẽ liệt kê theo thứ tự khai báo.

Thứ tự lặp cũng bị nhầm lẫn với việc xóa các thuộc tính, nhưng trong trường hợp này chỉ với 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
}

Mong muốn thay đổi thông số kỹ thuật để sửa thứ tự lặp có vẻ là một mong muốn khá phổ biến của các nhà phát triển nếu cuộc thảo luận tại http://code.google.com.vn/p/v8/issues/detail?id=164 là bất kỳ dấu hiệu nào.

trong IE6, thứ tự không được đảm bảo.

Đơn hàng không thể tin cậy được. Cả Opera và Chrome đều trả về danh sách các thuộc tính không có thứ tự.

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

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

Đoạn mã trên hiển thị B, A, C trong Opera và C, A, B trong Chrome.

Điều này không trả lời câu hỏi mỗi lần, nhưng đưa ra một giải pháp cho vấn đề cơ bản.

Giả sử rằng bạn không thể dựa vào thứ tự để bảo tồn, tại sao không sử dụng một mảng các đối tượng có khóa và giá trị làm thuộc tính?

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

Bây giờ, tùy thuộc vào bạn để đảm bảo rằng các khóa là duy nhất (giả sử rằng điều này cũng quan trọng đối với bạn. Đồng thời, thay đổi địa chỉ trực tiếp và cho (... trong ...) bây giờ trả về các chỉ mục dưới dạng 'khóa'.

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

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