Đẩy Javascript Đối tượng vào mảng toàn cục sẽ ghi đè các giá trị trước đó?

Question

Tôi gặp vấn đề này trong Javascript: Tôi muốn nhận được các giá trị kinh độ và vĩ độ từ một mảng các đối tượng. Điều này tất cả hoạt động tốt, nhưng khi tôi cố gắng lưu nó vào một mảng toàn cầu, nó sẽ ghi đè mọi giá trị trước đó. Kết quả là một mảng với 8 lần đối tượng được đẩy cuối cùng.

mảng toàn cầu: var _coordinates = [];

function getCoordinates() 
{ 
    mark = {}; 

    for(var key in _data) 
    { 
     if(_data.hasOwnProperty(key)){ 
      mark["lng"] = _data[key].long; 
      mark["lat"] = _data[key].lat; 
     } 

     console.log(mark); // Returns different coordinates (yay) 
     _coordinates.push(mark); 

    } 

    console.log(_coordinates); // All coordinates are the same (meh) 
} 

Đây là lần đầu tiên tôi hỏi một câu hỏi ở đây. Vì vậy, nếu tôi quên một cái gì đó, xin vui lòng nói như vậy.

Answer 1

Bạn có thể thử để khai báo và khởi tạo đối tượng mark bên trong for loop vì ngay bây giờ bạn đang thay đổi cùng một ví dụ tất cả các thời gian:

function getCoordinates() { 
    for(var key in _data) { 
     var mark = {}; 
     if(_data.hasOwnProperty(key)) { 
      mark["lng"] = _data[key].long; 
      mark["lat"] = _data[key].lat; 
     } 
     _coordinates.push(mark); 
    } 

    console.log(_coordinates); 
} 

Answer 2

Vấn đề là bạn đang liên tục thay đổi cùng một đối tượng. Mảng của bạn kết thúc với tám tham chiếu đến một đối tượng đó.

Để khắc phục, di chuyển

mark = {}; 

vào for vòng lặp.

Answer 3

Bạn đang biến đổi biến (toàn cầu) mark trong mỗi vòng lặp. Thực hiện việc này thay vì

_coordinates.push({lng: _data[key].long, lat: data[key].lat});