如何遍历从 snapshot.val() 收到的数据并根据键将其推送到数组
Posted
技术标签:
【中文标题】如何遍历从 snapshot.val() 收到的数据并根据键将其推送到数组【英文标题】:How to loop through the data I receive from snapshot.val() and push it to an array based on keys 【发布时间】:2018-02-18 23:57:32 【问题描述】:我想根据用户键循环从snapshot.val()
收到的数据并将它们推送到一个数组中。我尝试在这样的 for..in 循环的帮助下做到这一点,
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);
)
但我得到了这样的东西,
如果您注意到,我的第一个数组在用户键下包含 1 个对象,而我的第二个数组在其用户键下包含 3 个对象。如何将每个值推送到单独的数组中?
任何帮助将不胜感激!谢谢
【问题讨论】:
新数组中键的每一个值,你为什么想要那个? 不,我不是这个意思,抱歉。如果您看到我的控制台快照,我的 intVal 中有 4 个对象,并且每个数组都有多个对象嵌套在其键中。来自 db 的值在这里有点重复。我想将 db 中的每个对象作为一个数组推送到其随机用户密钥下。因此,就我而言,我期望的结果应该有 4 个数组,其中一个对象作为其子对象,没有任何重复数据。再次抱歉不简洁! 这里让我感兴趣的是你为什么要得到随机数据。无法在您的功能中处理? .这感觉像是一种解决方法 【参考方案1】:有一个DataSnapshot.forEach()
method 正是为此目的:
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);
);
)
【讨论】:
这里所有的属性和方法快照都有:firebase.google.com/docs/reference/js/…【参考方案2】:您可以为每个对象再次迭代数据
for(let key in data)
console.log("data[key]",data[key]);
for(innerKey in data[key])
var obj = ;
obj[innerKey]=data[key][innerKey];
this.intVal.push(obj);
console.log("intVal",this.intVal);
【讨论】:
【参考方案3】:尚未测试此代码,但应该符合您的需要。
var interest = data.pop();//remove the interest
var uniq = data.reduce((unique, users) =>
for (userId in users)
if (!userId in unique.IDs)
unique.IDs[userId] = users[userId];
unique.usersList.push(users[userId]);
return unique;
, IDs:,usersList :[]);
console.log('interest is', interest);
console.log('uniq user ids', Object.keys(uniq.IDs));
console.log('uniq user list', uniq.usersList);
【讨论】:
【参考方案4】:仅仅使用数组映射就可以解决我认为的所有问题。
https://developer.mozilla.org/en-US/docs/Web/javascript/Reference/Global_Objects/Array/map
【讨论】:
以上是关于如何遍历从 snapshot.val() 收到的数据并根据键将其推送到数组的主要内容,如果未能解决你的问题,请参考以下文章
Firebase:snapshot.val 不是函数或其返回值不可迭代