How to loop through the data I receive from snapshot.val() and push it to an array based on keys(如何遍历从 snapshot.val() 收到的数据并根据键将其推送到数组)
问题描述
我想根据用户键循环从 snapshot.val()
收到的数据并将它们推送到数组中.我尝试在 for..in 这样的循环的帮助下做到这一点,
I want to loop through the data I receive from snapshot.val()
based on user keys and push them into an array. I tried doing it with the help of for..in loop like this,
firebase.database().ref('interests').child("I would like to dine with").on('value', (snapshot) => {
var data = snapshot.val();
if(snapshot.exists()){
for(let key in data){
console.log("data[key]",data[key]);
this.intVal.push(data[key]);
console.log("intVal",this.intVal);
}
}
})
但我得到了这样的东西,
But I'm getting something like this,
如果您注意到,我的第一个数组在用户键下包含 1 个对象,而我的第二个数组在其用户键下包含 3 个对象.如何将每个值推送到单独的数组中?
If you notice, my first array contains 1 object under a user key and my second array contains 3 objects under their user keys. How can I push every single value in a separate array?
任何帮助将不胜感激!谢谢
Any help would be much appreciated! Thanks
推荐答案
有一个 DataSnapshot.forEach()
方法 正是为了这个目的:
There is a DataSnapshot.forEach()
method precisely for this purpose:
firebase.database().ref('interests').child("I would like to dine with").on('value', (snapshot) => {
snapshot.forEach((child) => {
console.log(child.key, child.val());
this.intVal.push(child.val());
console.log("intVal",this.intVal);
});
}
})
这篇关于如何遍历从 snapshot.val() 收到的数据并根据键将其推送到数组的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何遍历从 snapshot.val() 收到的数据并根据键将其推送到数组
基础教程推荐
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- 直接将值设置为滑块 2022-01-01