javascript - 为什么循环后某行代码不执行？

Question

我是 javascript 的新手，正在尝试使用 API，我不知道为什么有些代码行在 for 循环完成后不执行。有人可以帮助我吗？

function jsonFlickrApi(data) {
    if (data.stat != 'ok') {
        alert('no image loaded');
    } else {
        for (var i = 0; i <= data.photos.photo.length; i++) {
            addImage(data.photos.photo[i].url_o);
            var lat = data.photos.photo[i].latitude;
            var lon = data.photos.photo[i].longitude;
            var LatLon = {
                lat: parseFloat(lat),
                lng: parseFloat(lon)
            };

            var markers = new google.maps.Marker({
                'position': LatLon,
                'map': map,
            });

            console.log("i", i);
            photoMarkers.push(markers);
            //It still executes well here.
        };
        //After the loop is finished, it doesn't print out anything to the console.
        console.log("here");
    };
    //The following line doesn't execute too
    fitMap(photoMarkers);

}

Answer 1

该循环未完成，它引发异常。打开网络控制台查看详细信息，您会发现类似以下内容:

Uncaught TypeError: Cannot read property 'url_o' of undefined

数组索引为0通过length-1 ，所以你想要你的 for循环为< data.photos.photo.length ，不是<= data.photos.photo.length 。在您的 <= 的最后一次迭代中循环，data.photos.photo[i]是 undefined所以试图获取 data.photos.photo[i].url_o 的值抛出。