Как я могу читать и записывать значения с карты в FireStore от реакции?

Question

У меня есть поле базы данных с такой картой в firestore:

cordinates: {_ 01: "copper", _ 02: "gold", _ 03: "iron"}

я вижу эту базу данных в админ-панели firestore следующим образом: pic

, когда я пытаюсь перечислить элементы с кодом ниже

data.cordinates.map((item, i)=>
                  console.log(i+" - "+item)
                );

я получаю:

Unhandled Rejection (TypeError): data.cordinates.map is not a function

Как правильно читать / записывать карту такого типа?

Кстати, console.log (data.cordinates) выдает мне такой вывод:

{_01: "copper", _02: "gold", _03: "iron", _04: "", _05: "", …}
_01: "copper"
_02: "gold"
_03: "iron"
_04: ""
_05: ""
_06: ""
_07: ""
_08: ""
_10: ""
_11: ""
_12: ""
_13: ""
_14: ""
_15: ""
_16: ""
_17: ""
_18: ""
_20: ""
_21: ""
_22: ""
_23: ""
_24: ""
_25: ""
_26: ""
_27: ""
_28: ""
_30: ""
_31: ""
_32: ""
_33: ""
_34: ""
_35: ""
_36: ""
_37: ""
_38: ""
_40: ""
_41: ""
_42: ""
_43: ""
_44: ""
_45: ""
_46: ""
_47: ""
_48: ""

yesвсего 48 элементов

Любая помощь приветствуется, заранее спасибо.

Answer 1

Изменить map на forin

Вот пример кода:

const cord = data.cordinates || {} // to handle undefined `data.cordinates` case
for(let i in cord){
   if(cord.hasOwnProperty(i)){
     const item = cord[i];
     console.log(i+" - "+item);
     // do your other stuff here
   }
}