如何有效地使用child_added

Question

我非常熟悉的“child_added”，“child_changed”，“child_removed”和“价值”的理念。 每当我使用一个列表，这应该是动态更新自己，我应该使用除“值”之外的所有函数，并且每当我只需要数据的静态快照时，我将使用“值”。

我的问题如下：

难道真的写三个触发器（4如果算上“child_moved”），每当我有一个列表的最好方法？一个简单的应用程序有很多列表。 如果是的话，它是如何以最有效的方式在JavaScript中完成的？我目前的做法如下：

• on child_added：遍历整个列表;看看密钥与我刚从事件收到的密钥相等的位置，并将其值保存为oldValue;现在发现prevChildKey指数和prevChildKey的索引后插入刚接到孩子，而除去myList中[myList.indexOf（属性oldValue）]从列表中
• 上child_changed：遍历我的整个列表;看看密钥与我刚从事件收到的密钥相等的位置，并将其值保存为oldValue;设置myList [myList.indexOf（oldValue）] = newValue;
• on child_removed：与上面相同，只是与myList.splice（...）
• on child_moved：我没有实现这一点。但是我可能需要它，当调用child_changed时，这导致我的元素的顺序发生变化。所以有一个非常类似的逻辑child_added

有没有办法以更优雅的方式处理这个问题？我第一次尝试通过myList [child.key]访问元素，但这不适用于我。

编辑：添加代码来说明吧，很多的代码申请每个列表在我的应用

myRef.orderByChild("timestamp").on("child_added",(message,prevChildKey) => { 
     //Transform the firebase-date into my own format 
     var template = { 
      senderName: message.val().sender, 
      time: message.val().timestamp, 
      id: message.key} 

     //Check where to add this 
     if(prevChildKey){ 
      this.messages.forEach(currentMessage => { 
       if(currentMessage.id === prevChildKey){ 
        var indexToAdd = this.messages.indexOf(currentMessage); 
        this.messages.splice(indexToAdd+1,0,template]; 
       } 
      }); 
     }else 
      this.messages.unshift(template); 

}); 
myRef.on("child_changed", message => { //orderByChild makes no sense here, right ? 
    //Transform the firebase-date into my own format 
    var template = { 
     senderName: message.val().sender, 
     time: message.val().timestamp, 
     id: message.key} 

    var toBeUpdated = undefined; 
    this.messages.forEach(currentMessage => { 
     if(currentMessage.id === message.id){ 
      this.messages[this.messages.indexOf(currentMessage)] = template; 
     } 
    }) 

    //How do I preserve ordering here, since I was ordering by timestamp on child_added before and I don't check if that value changed 
} 
myRef.on("child_removed", oldMessage => { 

    //Remove the message 
    this.messages.forEach(currentMessage => { 
     if(currentMessage.id === oldMessage.id){ 
      this.messages.splice(this.messages.indexOf(currentMessage),1); 
     } 
    }) 
} 
myRef.orderByChild("timestamp").on("child_moved", (message,prevChildKey) => { //Not too sure, how this works. Do I need the orderByChild here to preserve it ? 

    var messageToMove = undefined; 
    var messagePosition = undefined; 
    var indexToMoveTo = undefined; 
    this.messages.forEach(currentMessage => { 
     if(currentMessage.id === message.id){ 
      messagePosition = this.messages.indexOf(currentMessage); 
      messageToMove = this.messages[messagePosition]; 
     } 
     if(currentMessage.id === prevChildKey){ 
      indexToMoveTo = this.messages.indexOf(currentMessage) + 1; 
     } 
    }) 

    //Remove the message from where it was 
    this.messaged.splice(messagePosition,1); 
    //Add the message at the new position 
    this.messages.splice(indexToMoveTo,0,messageToMove); 

} 

Answer 1

所以我莫名其妙地需要我的火力得到了本地的元素映射 表示它。

哦！这很容易！

如您所知，Firebase将其数据存储在键值对中。

因此，例如，一个用户节点将

users 
    uid_0 
     name: "Bill" 
    uid_1 
     name: "Larry" 

如果你在一个节点改名字，说比尔·比利的uid_0节点（及其子数据）传递给你的应用程序中快照，关键是uid_0。该键将对应于您存储在阵列中的数据。

有很多方法可以解决这个问题。

一种方式是存储对象的数组作为键值对字典英寸一些伪代码

myDictionary = [ "uid_0": [name: "Billy"] ] 
myArray[0] = myDictionary 

然而，“分类器”的方式来做到这将是创建一个用户类和存储那些在阵列中，与键（uid_0）作为类的属性之一

UserClass { 
    key = "" 
    name = "" 
} 

let aUser = UserClass 
aUser.key = snapshot.key 
aUser.name = snapshot.value("name") //loose pseudo code, dont copy/paste! 

myArray[0] = userClass 

然后，当您的应用程序收到快照时，您可以查询从snapshot.key收到的userClass.key的数组。

大图是Firebase通过密钥进行存储和访问，它保持一致并且不变，所以它是用来保持你的朋友的工具（消息s）阵列与Firebase同步。

编辑：如果您希望通过在HashMap（字典）中存储键和元素编号来直接访问已排序的数组对象，则可以实现链接列表。

Map<String, String> map = new HashMap<String, String>(); 
map.put("uid_0", "0"); 

然后打印出指数uid_0

System.out.println(map.get("uid_0")); 

其输出指数：0

如果你只想用一个存储机制，一个TreeMap（自然顺序）或LinkedHashMap是要走的路。

map.put("uid_0", *values for uid_0, name etc*);