Iterowanie po obiekcie hashtable

Question

Próbuję użyć hashtable, dzięki czemu mogę wybrać określony obiekt przechowywany w tablicy/obiektu. Mam jednak problem z zapętlaniem się obiektu.

var pins= {}; 
pins[6] = '6'; 
pins[7] = '7'; 
pins[8] = '8'; 

$('#result3').append('<div>Size: ' + Object.size(pins) + '</div>'); 
for(var i = 0; i < Object.size(pins); i++) { 
    $('#result3').append('<div>' + pins[i] + '</div>'); 
} 

JSFiddle: http://jsfiddle.net/7TrSU/

Jak widać w TEST 3 który używa obiektu pin do przechowywania danych, jestem coraz undefined gdy zapętlenie przez obiekt pin.

Jaki jest prawidłowy sposób na przejście przez pin?

EDIT

Co się stanie, jeśli zamiast tylko pin[6] = '6' robię pin [6] = przedmiot i chcę pętli przez wszystkich swoich id właściwości? Rzeczywisty fragment kodu, co robię ...

for(var i = 0; i < json.length; i++) { 
    markerId = json[i].listing_id 

    // Place markers on map 
    var latLng = new google.maps.LatLng(json[i].lat, json[i].lng); 
    var marker = new google.maps.Marker({ 
       listing_id: markerId, 
       position: latLng, 
       icon: base_url + 'images/template/markers/listing.png', 
    }); 

    markers[markerId] = marker; 
} 

for(var marker in markers) { 
    console.log('marker ID: ' + marker.listing_id); 
    mc.addMarker(marker); 
} 

console.log powyżej zwraca niezdefiniowana, a jeśli zrobię console.log(marker) zamian otrzymuję wartość marker.listing_id. Przepraszam, zaczynam się mylić!

Udało mi się go uruchomić z $.each(markers, function(i, marker){});, ale dlaczego powyższy for..in nie działa?

Answer 1

Nie należy używać pętli for(i=0; i<size; i++). Zamiast tego, zastosowanie:

1. Object.keys(pins) aby uzyskać listę właściwości, a pętla przez niego, lub
2. Użyj for (key_name in pins) w połączeniu z Object.hasOwnProperty (wykluczyć właściwości dziedziczyć) pętli właściwości.

Problem z trzecim przypadkiem testowym polega na tym, że odczytuje wartości klawiszy 0, 1 i 2 (zamiast 6, 7, 8).

Answer 2

Numer pin rozpoczyna się od 6 do 8, ale pętle for od 0 do 3 (długość obiektu). Musisz wykonać pętlę od 6 do 6 + the_size_of_the_object.Coś takiego:

for(var i = 6, len = 6 + Object.size(pins); i < len; i++) { 
    $('#result3').append('<div>' + pins[i] + '</div>'); 
} 

---

Albo coś w tym jest to, co lubię:

for(var i = 5; pin = pins[++i];) { 
    $('#result3').append('<div>' + pin + '</div>'); 
} 

Answer 3

var hash = {} 
hash[key] = value 

Object.keys(hash).forEach(function (key) { 
    var value = hash[key] 
    // iteration code 
}) 

Answer 4

Ponieważ używasz jQuery:

jQuery.each(pins, function (name, value) { 
    $('#result3').append('<div>' + name + "=" + value + '</div>'); 
}); 

Answer 5

Wypróbuj :

for (var pin in pins) { 
    $('#result3').append('<div>' + pin + '</div>'); 
} 

Example fiddle

Answer 6

function iterate(obj){ 
    var keys = Object.keys(obj); 
    for(i in keys){ 
     doSomething(obj[keys[i]].id); 
    } 
} 

This iteracje nad id wszystkich pól w dowolnym obiekcie