title: My JS Object iteration broke on addition of new property
body: <p>I have code to iterate the following JS data structure:</p>
  
  <pre><code>var data = {
      "features": [
          {
              "photo_id": 27932,
              "longitude": -64.404945,
              "latitude": -32.202924,
              "owner_id": 4483
          }
          ...
      ]
  }
  </code></pre>
  
  <p>My code :</p>
  
  <pre><code>for (var i = 0; i &lt; 11; ++i) {
      var latLng = new google.maps.LatLng(data.features[i].latitude, data.features[i].longitude)
  }
  </code></pre>
  
  <p>This way works with no problem.</p>
  
  <p>But now, my structure has changed such that I added a property to the <code>features</code> objects which is itself an object:</p>
  
  <pre><code>var data = {
      "features":[
          {
              "id":1,
              "properties": {
                  "Adresse": "7 CHEMIN DES BIOTS 33160 SAINT MEDARD EN JALLES",
                  "Index":2,
                  "Id":1,
                  "longitude":-0.739138,
                  "latitude":44.893356
              },
              "type":"Feature"
          }
          ...
      ]
  }
  </code></pre>
  
  <p>I have try this in java script but he doesn't work :</p>
  
  <pre><code>for (var i = 0; i &lt; 11; ++i) {
      var latLng = new google.maps.LatLng(data.features.properties[i].latitude, data.features.properties[i].longitude)
  }
  </code></pre>
  
  <p>or </p>
  
  <pre><code>for (var i = 0; i &lt; 11; ++i) {
      var latLng = new google.maps.LatLng(data.features[i].properties.latitude, data.features[i].properties.longitude)
  }
  </code></pre>
  
  <p>Do you know a way to do this?</p>
  
  <p>Thanks for your help</p>