Javascript 如何删除行中重复的值

在我的firebase中更新时，是否可以删除html上的重复值

Js代码：

const tempRef = firebase.database().ref('Group1');
  tempRef.on('value',gotData)
        
function gotData(data){
  var nn= 0;
  var G=data.val();
  var keys=Object.keys(G);
 
  for (var i = 0; i< keys.length; i++){
    var k =keys[i];
    var First_name = G[k].Info.First_name;
    var value = G[k].value;
    var tbody= document.getElementById('tbody1');
    var trow= document.createElement('tr');
    trow.className = 'rowing';
    var td1= document.createElement('td');
    var td2= document.createElement('td');
    var td3= document.createElement('td');
    td1.innerHTML= ++nn;
    td2.innerHTML= First_name;
    td3.innerHTML= value;
    trow.appendChild(td1);trow.appendChild(td2);trow.appendChild(td3);
    tbody.appendChild(trow);
  }
}

const tempRef=firebase.database（）.ref（'Group1'）；
tempRef.on（'value'，gotData）
函数gotData（数据）{
var nn=0；
var G=data.val（）；
var keys=Object.keys（G）；
对于（变量i=0；i

您可以尝试以下方法：

const tempRef = firebase.database().ref('Group1');
  tempRef.on('value',gotData)
        
function gotData(data){
  var nn= 0;
  var G=data.val();
  var keys=Object.keys(G);
  let uniqueNames = {}     
  for (var i = 0; i< keys.length; i++){
    var k =keys[i];
    var First_name = G[k].Info.First_name;
    if(!uniqueNames[First_name]){
      uniqueNames = {...uniqueNames, [First_name]:true}
      var value = G[k].value;
      var tbody= document.getElementById('tbody1');
      var trow= document.createElement('tr');
      trow.className = 'rowing';
      var td1= document.createElement('td');
      var td2= document.createElement('td');
      var td3= document.createElement('td');
      td1.innerHTML= ++nn;
      td2.innerHTML= First_name;
      td3.innerHTML= value;
      trow.appendChild(td1);trow.appendChild(td2);trow.appendChild(td3);
      tbody.appendChild(trow);
    }
  }
}

const tempRef=firebase.database（）.ref（'Group1'）；
tempRef.on（'value'，gotData）
函数gotData（数据）{
var nn=0；
var G=data.val（）；
var keys=Object.keys（G）；
设uniqueNames={}
对于（变量i=0；i

您可以尝试以下方法：

const tempRef = firebase.database().ref('Group1');
  tempRef.on('value',gotData)
        
function gotData(data){
  var nn= 0;
  var G=data.val();
  var keys=Object.keys(G);
  let uniqueNames = {}     
  for (var i = 0; i< keys.length; i++){
    var k =keys[i];
    var First_name = G[k].Info.First_name;
    if(!uniqueNames[First_name]){
      uniqueNames = {...uniqueNames, [First_name]:true}
      var value = G[k].value;
      var tbody= document.getElementById('tbody1');
      var trow= document.createElement('tr');
      trow.className = 'rowing';
      var td1= document.createElement('td');
      var td2= document.createElement('td');
      var td3= document.createElement('td');
      td1.innerHTML= ++nn;
      td2.innerHTML= First_name;
      td3.innerHTML= value;
      trow.appendChild(td1);trow.appendChild(td2);trow.appendChild(td3);
      tbody.appendChild(trow);
    }
  }
}

const tempRef=firebase.database（）.ref（'Group1'）；
tempRef.on（'value'，gotData）
函数gotData（数据）{
var nn=0；
var G=data.val（）；
var keys=Object.keys（G）；
设uniqueNames={}
对于（变量i=0；i

不渲染它们，而在DOM中查找重复项；在js数据中处理它们，不重复项；重新渲染它们，而在DOM中查找重复项，在js数据中以非重复的方式处理它们，并重新呈现相同的结果如果我更改firebase上的值，它总是重复始终相同的结果如果我更改firebase上的值，它总是重复