无重复更新firebase

Question

myApp--> news 

          --> K8ZqRIzrX6L3q-HjO8V --> title : "value title1"
                                  --> body : "value body1"
                                  --> ....

          --> K8ZqRJ1tI7onmoVX8G4 --> title : "value title2"
                                  --> body : "value body2"
                                  --> ....

 [{title: "value title2", body: "value body2", ...},{title: "value title3", body: "value body3", ...}]

编辑：我使用了MyFireBaseRef.push()，示例代码如下所示，

                objNews.forEach(function(news){
                    myFirebaseRef.push(news,function(){
                    $('.result').append('<li><strong>' + news.title + '</strong></li>');
                    });   
                }); 

其中objNews有新的数据以及firebase已经有的数据。我想要实现的是只从ObjNews中推送新的数据，避免firebase已经有的数据。但是我的代码将Object中的所有数据推到firebase，结果是重复的。

Answer 1

如果我理解正确的话，您有一个包含新闻文章的JavaScript数组：

[
  {title: "value title2", body: "value body2", ...},
  {title: "value title3", body: "value body3", ...}
]

您希望将该数组发送到Firebase，然后能够更新数组中的值，并将更新发送到Firebase。

这是一个反模式，不要这样做！

var keysByIndex = {};
objNews.forEach(function(news, index){
    var newRef = myFirebaseRef.push(news);
    keysByIndex[index] = newRef.key();
});

var keysByIndex = {};
objNews.forEach(function(news, index){
    if (keysByIndex[index]) {
        var newRef = myFirebaseRef.push(news);
        keysByIndex[index] = newRef.key();
    }
    else {
        myFirebaseRef.child(keysByIndex[index]).update(news);
    }
});

它是这样工作的：

your app                        Firebase
                                  +-+
 -------- send write command -->  | |
 +-+                              | |
 |s|                              |s|
 |t|                              |t|
 |a|                              |a|
 |t|  <-- listen for changes ---  |t|
 |e|                              |e|
 +-+                              | |
                                  +-+

在这个场景中，本地应用程序状态（在您的场景中为objnews)来自对Firebase的监听。所有更改都写入Firebase，而不是写入本地数组。

一个关于如何使用它的小片段。我将只创建/更新DOM元素，因为这也是您的代码所做的：

myFirebaseRef.on('child_added', function(snapshot) {
  // a news article was added, add it to the HTML
  var key = snapshot.key();
  var news = snapshot.val();
  $('.result').append('<li id="'+key+'"><strong>' + news.title + '</strong></li>');
})
myFirebaseRef.on('child_changed', function(snapshot) {
  // a news article was changed, update the HTML for it 
  var key = snapshot.key();
  var news = snapshot.val();
  $('#'+key).html('<li id="'+key+'"><strong>' + news.title + '</strong></li>');
})
myFirebaseRef.on('child_removed', function(snapshot) {
  // a news article was remove, remove the HTML for it 
  var key = snapshot.key();
  var element = document.getElementById(key);
  element.parentNode.removeChild(element);
})