Sự khác biệt giữa Array.length = 0 và Array = []?

Question

Một số người có thể giải thích sự khác biệt về khái niệm giữa hai người trong số họ. Đọc ở đâu đó thứ hai tạo ra một mảng mới bằng cách hủy tất cả các tham chiếu đến mảng hiện có và .length = 0 chỉ làm trống mảng đó. Nhưng nó không hoạt động trong trường hợp của tôi

//Declaration 
var arr = new Array(); 

Dưới đây là mã lặp lại thực hiện lặp đi lặp lại.

$("#dummy").load("something.php",function(){ 
    arr.length =0;// expected to empty the array 
    $("div").each(function(){ 
     arr = arr + $(this).html(); 
    }); 
}); 

Nhưng nếu tôi thay thế mã bằng arr =[] ở vị trí của arr.length=0 nó hoạt động tốt. Bất cứ ai có thể giải thích những gì đang xảy ra ở đây.

Answer 1

foo = [] tạo mảng mới và chỉ định tham chiếu đến biến đó thành biến. Bất kỳ tài liệu tham khảo khác không bị ảnh hưởng và vẫn trỏ đến mảng ban đầu.

foo.length = 0 sửa đổi chính mảng đó. Nếu bạn truy cập nó thông qua một biến khác, thì bạn vẫn nhận được mảng đã sửa đổi.

đã đọc ở đâu đó rằng một giây tạo ra một mảng mới bằng cách tiêu diệt tất cả các tham chiếu đến các mảng hiện

Đó là về phía sau. Nó tạo ra một mảng mới và không phá hủy các tham chiếu khác.

var foo = [1,2,3]; 
var bar = [1,2,3]; 
var foo2 = foo; 
var bar2 = bar; 
foo = []; 
bar.length = 0; 
console.log(foo, bar, foo2, bar2); 

cho:

[] [] [1, 2, 3] [] 

Answer 2

Sự khác biệt ở đây được thể hiện tốt nhất trong ví dụ sau:

var arrayA = [1,2,3,4,5]; 

function clearUsingLength (ar) { 
    ar.length = 0; 
} 

function clearByOverwriting(ar) { 
    ar = []; 
} 

alert("Original Length: " + arrayA.length); 
clearByOverwriting(arrayA); 
alert("After Overwriting: " + arrayA.length); 
clearUsingLength(arrayA); 
alert("After Using Length: " + arrayA.length); 

Trong đó một bản demo sống có thể được nhìn thấy ở đây: http://www.jsfiddle.net/8Yn7e/

Khi bạn đặt một biến trỏ đến một mảng hiện có để trỏ đến một mảng mới, tất cả các bạn là d oing là phá vỡ liên kết biến có đến mảng ban đầu đó.

Khi bạn sử dụng array.length = 0 (và các phương pháp khác như array.splice(0, array.length) chẳng hạn), bạn đang thực sự đổ mảng gốc.

Answer 3

Bạn có chắc nó thực sự hoạt động không?

Tôi đã làm một thử nghiệm nhỏ ở đây và cố gắng "thêm" một mảng bằng một chuỗi dẫn đến một chuỗi.

function xyz(){ 
    var a = []; 
    alert(typeof(a+$("#first").html())); 
    // shows "string" 
} 

http://www.jsfiddle.net/4nKCF/

(thử nghiệm trong Opera 11)