如何遍历从 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 不是函数或其返回值不可迭代

java从一堆数中找出和已知数最接近的数

从100万数据中找出最大10条的最优算法

挑战程序员同学,如何只用2GB内存从20/40/80亿个整数中找到出现次数最多的数?

如何遍历 ReactTable 中的对象数组以显示数据?

基础篇:冒泡排序,快速排序