無法使用React Native中的對象訪問數組中的值

Question

我無法從充滿對象的狀態數組中訪問值。

將值存儲在數組中時會得到這些值，但是當我嘗試console.log狀態時，它會打印出來： [Object Object] 。 我嘗試了以下方法來獲取值，例如：

var data=[{"coordinate":{"longitude":73.8679075241089,"latitude":18.515422222637756},"key":0,"color":"#ffc130"}];

console.log("data"+data[0].coordinate.longitude);

這就是我試圖在React Native中獲取值的方式：

    console.log("location "+JSON.stringify(this.state.markers));
    var data=JSON.stringify(this.state.markers);
    console.log("datamap"+JSON.parse(data));
    var dataparse = JSON.parse(data);
    console.log("data parse "+this.state.markers[0].coordinate.latitude);

這是我聲明數組的地方：

class DefaultMarkers extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      region: {
        latitude: LATITUDE,
        longitude: LONGITUDE,
        latitudeDelta: LATITUDE_DELTA,
        longitudeDelta: LONGITUDE_DELTA,
      },
      markers: [],
    };
  }

我想將緯度和經度存儲在一個數組中。

Answer 1

我使用JSON.parse（）和JSON.stringify（）進行解析

const data = JSON.parse(JSON.stringify(this.state.markers));

Answer 2

更改console.log，用逗號分隔兩個值，而不是將它們串聯。

從

console.log("location "+JSON.stringify(this.state.markers));

至

console.log("location ", JSON.stringify(this.state.markers));

希望您能夠打印該值。