Angular Firebase如何遍历列表对象并获取数据

Question

我正在尝试从数据库中提取位置数据，彻底迭代并在地图上显示标记。 现在我用这个拉数据：

this.msgData =this.db.list(`/messages/`).valueChanges();
    this.msgData.take(1).subscribe(msg =>{

console.log(msg);



});

输出：

如您所见，位置数据是这样存储的。有 authid-messageid，然后是 locationlat 和 locationlong 数据。

我想到的第一个想法是从 db 中提取所有 locationlat locationlong 以某种方式将它们存储在一个数组中，然后使用 for 循环将它们添加到地图中，但我真的不知道。如何在 db 中提取每个 msg 的 locationlat 和 locationlong ？

谢谢

Answer 1

编辑：Demo

问题是我们不知道数组中每个对象的键名，所以试试这样的方法：

function getObjectWithoutKnowingKey(data) {
    let objects = [];
    for (var propName in data) {
        if (data.hasOwnProperty(propName)) {
            objects.push(data[propName]);
        }
    }
    return objects;
}

在你的功能中：

this.msgData =this.db.list(`/messages/`).valueChanges();
    this.msgData.take(1).subscribe(msg =>{

       let data = msg.map(this.getObjectWithoutKnowingKey)

       console.log(data); // [{ locationlat: 1, locationlong: 2, message: 'nsg', username: 'john' }]
    });