javascript - 迭代和修改Firebase数组导致未定义

编辑：似乎只在imageRef.child（“-JlSvEAw ......中未定义value [i] .extrainfoimage ...

到目前为止，我已经阅读了两次文档，但仍然无法弄清楚。

基本上，我从firebase加载一些数据并将其设置为数组。我遍历该数组，并打算用从Firebase数据库中其他位置获取的数据替换某些属性。但是每次我去替换我得到的属性

“未捕获的TypeError：无法设置未定义的属性'extrainfoimage'”

这是我的代码：

var questionsRef = new Firebase("https://XX.firebaseio.com/Questions");
var imageRef = new Firebase("https://XX.firebaseio.com/Images");

//get the first 6 items
var query = questionsRef.orderByChild('date_time_asked').limitToFirst(6);
//get them as a firebase array promise
$scope.questions = $firebaseArray(query);
//wait for it to load
$scope.questions.$loaded().then(function (value) {
//iterate through
for (i = 0; i < value.length; i++) {
    //check if there is data to be replaced
    if (value[i].extrainfoimage) {
           //if there is fetch it from firebase and replace
           imageRef.child("-JlSvEAwu5-WZJkOE_b/image").once("value",function(data){
                        value[i].extrainfoimage = data.val();
                    });
                }
            }
        })

最佳答案

可能是因为值的最后一项没有extrainfoimage。因为您为value[i].extrainfoimage设置的是异步的，所以它无法捕获正确的i值，因此在执行时会失败。

尝试将其包装在IIFE中：

for (i = 0; i < value.length; i++) {
    //check if there is data to be replaced
    if (value[i].extrainfoimage) {
       (function(curr) {
           //if there is fetch it from firebase and replace
           imageRef.child("-JlSvEAwu5-WZJkOE_b/image").once("value",function(data){
                    value[curr].extrainfoimage = data.val();
           });
        })(i);
    }
}