Tôi nên lặp lại như thế nào trên một mảng thưa thớt trong thứ tự chỉ mục?

Question

Tôi có một mảng thưa thớt có nội dung không được bảo đảm để được chèn vào thứ tự chỉ mục nhưng cần được lặp lại thông qua thứ tự chỉ mục. Để lặp qua một mảng thưa thớt, tôi hiểu rằng bạn cần sử dụng câu lệnh for..in.

Tuy nhiên, theo this article:

Không có gì bảo đảm rằng for ... in sẽ trở lại các chỉ số trong bất kỳ thứ tự cụ thể

Nhưng stackoverflow questions like this gợi ý rằng trong khi đối tượng đơn đặt hàng bất động sản không phải là được đảm bảo, các đơn hàng mảng là:

các thuộc tính đặt hàng trong các đối tượng không được bảo đảm bằng JavaScript, bạn cần sử dụng Arra y.

I tested this trong các phiên bản mới nhất của Chrome, Firefox và IE.

<ol id="items"></ol> 

var list = []; 

function addItem(index) { 
    list[index] = { idx : index }; 
} 

var insertOrder = [ 8, 1, 9, 2, 10, 3, 11, 4, 12, 5, 13, 6, 14, 7, 15 ]; 

for (var i = 0; i < 15; i++) { 
    addItem(insertOrder[i]); 
} 

for(var item in list) { 
    $("#items").append("<li>" + list[item].idx + "</li>"); 
} 

Tất cả xuất hiện để tôn vinh thứ tự chỉ số vì vậy tôi có thể tin tưởng này luôn luôn là trường hợp? Nếu không, làm thế nào để tốt nhất có được chúng trong thứ tự chỉ mục?

Answer 1

MDN có câu trả lời cho câu hỏi ban đầu của bạn:

Lưu ý: for..in không nên được sử dụng để lặp qua một mảng nơi để chỉ số rất quan trọng.

Chỉ mục mảng chỉ là các thuộc tính có thể đếm được với tên nguyên và nếu không giống với thuộc tính đối tượng chung. Không có gì đảm bảo rằng đối với ... in sẽ trả về các chỉ mục theo bất kỳ thứ tự cụ thể nào và nó sẽ trả về tất cả các thuộc tính đếm được, kể cả các thuộc tính không có số nguyên và những cái được kế thừa.

Bạn không phải sử dụng for..in để lặp qua một mảng thưa thớt và bạn nên definitely avoid doing so nếu có thể.

Bạn có thể chỉ cần sử dụng .forEach:

list.forEach(function (el) { // add a second parameter if you need the indices 
    $("#items").append($("<li>").text(el.idx)); 
}); 

forEachis defined để lặp để chỉ mục và chỉ bao gồm các yếu tố có mặt trong mảng:

forEach thực hiện gọi lại cung cấp một lần cho mỗi phần tử có mặt trong mảng theo thứ tự tăng dần. Nó không được viện dẫn cho các chỉ mục đã bị xóa hoặc elided. Tuy nhiên, nó được thực hiện cho các phần tử có mặt và có giá trị không xác định.

Nếu bạn đang nhắm mục tiêu môi trường không hỗ trợ forEach, bạn có thể sử dụng sau đây, hoặc shim cung cấp trên trang đó MDN:

for (var i = 0; i < list.length; i += 1) { 
    if (i in list) { 
     $("#items").append($("<li>").text(list[i].idx)); 
    } 
}