Question

我在访问JS对象中的数据时遇到了问题。收集数据的代码（来自Firebase数据库）如下：

var get_user_data = function() {
    ...
    snapshot.forEach(function(child){
        var key = child.key;
        var value = child.val();
        user_char[key] = value;
        console.log(key, value);
    });
    store_user_char(user_char);
}

var store_user_char = function(user_char) {
    char_obj = user_char;
    console.log(char_obj);
    for(var key in char_obj){
        if(char_obj.hasOwnProperty(key)){
            console.log(key);
        }
}

理论上应该从Firebase数据库创建JS对象，当它将数据写入user_char时，它会将每个键：对象对打印到控制台中。之后，当store_user_char（）执行时，它还应打印出之前的每个键。

第一个console.log（）在写入user_char时成功输出每个键：对象对。第二个console.log（）成功输出对象，我甚至可以单击并编辑其中的所有元素，并在Firefox控制台中显示如下：

然而，第三个console.log（）永远不会执行，并试图通过访问这样的密钥从char_obj获取任何数据：

char_obj['KSxpjEvkCOL6ugGkxqn']

什么都不做，并返回 undefined 。奇怪的是，在Firefox中手动单击对象允许我解析每个子元素，因此我知道数据存储在某个地方。

我唯一能想到的是来自数据库的请求可能需要很长时间来返回数据，但即使这样，store_user_char（）函数也应该在数据存储到user_char之后执行，所以我非常困惑至于为什么我的代码似乎无法遍历对象。

我觉得好像我遗漏了一些关于JS对象的东西，这就是为什么我的代码无法找到数据的原因，但是我一直在想弄清楚发生了什么，以及我是怎么做的可以访问数据。

非常感谢任何有关此事的帮助！

编辑：get_user_data的完全def如下：

// Global variables
var user_email;
var user_char = {};
var uid;

var get_user_data = function() {
    // Authenticate current user
    var user = firebase.auth().currentUser;

    // Get User Email and char list
    if (user != null) {
        user_email = user.email;
        uid = firebase.auth().currentUser.uid;
        var getChar = firebase.database().ref('/users/' + uid + '/chars/').orderByKey();
        getChar.on('value', function(snapshot){
            snapshot.forEach(function(child){
                var key = child.key;
                var value = child.val();
                user_char[key] = value;
            });
        });
        store_user_char(user_char);
    }
}

Answer 1

getChar.on('value', function(snapshot){
    snapshot.forEach(function(child){
        var key = child.key;
        var value = child.val();
        user_char[key] = value;
    });
});

将异步调用，put函数调用store_user_char（user_char）;在getChar内部回调，你的问题将得到解决。像：

getChar.on('value', function(snapshot){
        snapshot.forEach(function(child){
            var key = child.key;
            var value = child.val();
            user_char[key] = value;
        });
       store_user_char(user_char);
    });

无法迭代Javascript对象

1 个答案: