来自 firebase 的数据正在以洗牌的方式出现？

Question

我正在尝试使用来自 firestore 集合的数据填充表。数据来得很完美，但是当我在控制台记录数据时，每一行的数据都以打乱的方式出现。让我告诉你我想要什么以及它是如何实现的。

假设我在集合 ABC 中有 4 个文档，键为 _name, _contact, _comments。

预测输出：

{
  { _name: 'ABC', _contact: 'xyz', _comment: 'def' },
  { _name: 'ABC', _contact: 'xyz', _comment: 'def' },
  { _name: 'ABC', _contact: 'xyz', _comment: 'def' },
  { _name: 'ABC', _contact: 'xyz', _comment: 'def' }
}

实际输出：

{
  { _name: 'ABC', _contact: 'xyz', _comment: 'def' },
  { _contact: 'xyz', _name: 'ABC', _comment: 'def' },
  { _name: 'ABC', _comment: 'def', _contact: 'xyz' },
  { _name: 'ABC', _contact: 'xyz', _comment: 'def' }
}

JS 代码

const tableObj = document.getElementById('quoteVal');
dbref.get().then(snap => {
    snap.forEach(item => {
        data = item.data();
        let ele = document.createElement('tr');
        for(let key in data) {
            if(data.hasOwnProperty(key)) {
                ele.innerHTML += '<td>' + data[key] + '</td>';
            }
        }
        tableObj.append(ele);
    });
});

请帮帮我。我不明白为什么会发生这种情况，因为我是 firebase 新手。

Answer 1

您的代码不应依赖于文档中字段的迭代顺序。 没有保证订购。

如果您需要订单，则应在生成输出之前自行对字段进行排序。