[React Native+Firebase]如何遍历嵌套的javascript对象数组并打印最低的孩子。 ? (Firebase+React Native)答案

【问题标题】：[React Native+Firebase]How do you traverse a nested javascript array of objects and print the lowest child. ? (Firebase+React Native)[React Native+Firebase]如何遍历嵌套的javascript对象数组并打印最低的孩子。 ? (Firebase+React Native)
【发布时间】：2018-07-16 00:06:26
【问题描述】：

我正在使用 firebase 并做出原生反应。这是我的代码中让我感到困惑的部分。我试图只打印出 'lat' 和 'long' 变量。所以我想我的问题是我怎样才能在对象数组的深处遍历到较低的对象'Usercordinate：'并打印出'lat'和'long'。

    /*Imports above*/
export default class Map extends Component {

   state={
     listingData:null
     }


   componentDidMount(){
      firebaseApp
     .database()
     .ref("users/")
     .on("value", snapshot => {
       this.setState({
         listingData: this.snapshotToArray(snapshot)
       });
       console.log(this.state.listingData);
     });
   }


   napshotToArray(snapshot) {
   var returnArr = [];
   snapshot.forEach(function(childSnapshot) {
     var item = childSnapshot.val();
     item.key = childSnapshot.key;
     returnArr.push(item);
      });

   return returnArr;
   }

   }//End of map Class

这是它在我的控制台中打印出来的内容。

Array [
 Object {
   "Email": "tim@dan.com",
   "Message": "Hi ",
   "Uid": "Ayb2U4qGc43",
   "Usercordinate": Object {
     "lat": 64.4398281419,
     "long": -168.5352470507,
   },
   "Username": "tim",
   "loggedIn": false,
 },
 Object {
   "Email": "sam@ericson.com",
   "Message": "Hi shadow",
   "Uid": "IK8QcGHp3EcO3FOuFe22",
   "Usercordinate": Object {
     "lat": 34.43982540614,
     "long": -118.53506318966,
   },
   "Username": "sam",
   "loggedIn": true,
 },
]

【问题讨论】：

只有特定对象或所有对象的lat 和long 变量？您是要一次全部打印，还是要以特定方式打印？
我想打印每个对象的经纬度，我只是不知道如何降低到那个水平。

标签： javascript arrays json firebase react-native

【解决方案1】：

由于 this.state.listingData 是一个数组，您可以使用 .map 函数。

所以要记录对象的每个纬度，您需要做的就是

this.state.listingData.map((val) => { console.log('lat:',val.Usercordinate.lat) console.log('long:', val.Usercordinate.long) })

【讨论】：