Lặp lại trên các mảng Javascript bằng từ khóa "trong"

Question

Dường như tôi không hiểu ý nghĩa của từ khóa in trong JavaScript.

Hãy nhìn vào đoạn mã này mã (http://jsfiddle.net/3LPZq/):

var x = [1,2] 
for(i in x){ 
    document.write(x[i]); 
} 

Khi chạy trong jsfiddle, nó in không chỉ các giá trị chứa trong mảng, mà còn tất cả các thuộc tính và phương pháp đối tượng mảng.

Khi tôi thay đổi nó như thế này (http://jsfiddle.net/4abmt/):

$(document).ready(function(){ 
var x = [1,2] 
for(i in x){ 
    document.write(x[i]); 
}}); 

nó in chỉ có giá trị 1 và 2.

Tại sao điều này xảy ra? Đây có phải là do jQuery hoặc hành vi của từ khóa in phụ thuộc vào việc liệu tài liệu có được nạp đầy đủ hay không?

Answer 1

Một số thư viện được tải bởi jsFiddle mở rộng nguyên mẫu mặc định của Array, do đó nó hiển thị các hàm bổ sung này. jQuery không mở rộng nguyên mẫu Array và vì vậy bạn không thấy bất kỳ hàm bổ sung nào.

Answer 2

Điều này xảy ra do kế thừa mẫu thử nghiệm. Một đối tượng không chỉ hiển thị các thuộc tính riêng của nó, mà là tất cả các đặc tính tổ tiên của nó.

Để chỉ tìm thuộc tính của riêng đối tượng, hãy sử dụng obj.hasOwnProperty(prop).

var x = [1,2]; 
for (var i in x) { 
    if (x.hasOwnProperty(i)) { 
     document.write(x[i]); 
    } 
} 

Xem Tài liệu MDN trên hasOwnProperty.