javascript - react ,Firebase : Access values of JSON and also get key value

标签 javascript json reactjs firebase firebase-realtime-database

我是使用 firebase、react 的初学者。我能够根据 userEmail 从 firebase 获取所需的数据。但我在访问数据时非常困惑。

firebase.database().ref('/users').orderByChild('email').equalTo(userEmail).on('value', data => {
        console.log('data: ', data);
    })

我得到以下输出:

data:  Object {
"-Lhdfgkjd6fn3AA-": Object {
        "email": "t5@gmail.com",
        "favQuote": "this is it",
        "firstName": "t5",
        "lastName": "l5",
    },
 }

请帮助我如何将所有值(“-Lhdfgkjd6fn3AA-”、名字、姓氏、电子邮件和 favQuote)访问到变量中,例如:data.firstName、data.lastName、data.key 等。谢谢。

最佳答案

let data = {
 "-Lhdfgkjd6fn3AA-": {
        "email": "t5@gmail.com",
        "favQuote": "this is it",
        "firstName": "t5",
        "lastName": "l5",
    },
 };
 
 console.log(Object.keys(data))//returning an array of keys, in this case ["-Lhdfgkjd6fn3AA-"]
 console.log(Object.keys(data)[0])
 console.log(Object.values(data))//returning an array of values of property
 console.log(Object.values(data)[0].email)
 
 

需要注意的是,上面的代码使用硬编码的“0”作为索引,因为它假设您的 data 对象只有一个键。如果你有更多的键,你也不能简单地替换索引,因为对象的属性没有可预测的顺序

关于javascript - react ,Firebase : Access values of JSON and also get key value,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51128127/

相关文章:

javascript - react 传递一个类对象作为 Prop

javascript - ReactQuill - 如何设置占位符属性的样式?

javascript - 如何将带有图像的 Canvas 保存为 PNG 文件

javascript - 使用ajax javascript提交表单数据

java - 在 Tomcat 服务器(本地)中的 servelt 运行期间,无法加载 Intellij Json 对象

javascript - 如何使用对象正确设置插件的选项

java - 如何将输出格式化为正确的 json 格式?

javascript - 将网络摄像头视频渲染到 Canvas 时超出最大调用堆栈大小

javascript - 如何设置复选框值等于Javascript对象

javascript - 如何在AJAX中成功执行两个功能(关闭和保存)?