如何输出对象javascript

时间:2018-03-09 15:12:19

标签: javascript

 var markers = [
        {
          coords:{lat:  14.5858544, lng: 120.9763816},
        }
      ];

大家好,如何输出lat和lng? 我似乎无法访问它们。我试过了

document.getElementById("demo").innerHTML = markers[0].coords

document.getElementById("demo").innerHTML =  markers['coords'][0]['lat'];

但它不起作用

8 个答案:

答案 0 :(得分:2)

markers[0].coords.lat

markers[0]['coords']['lat']

有关此主题的完整文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

答案 1 :(得分:1)

您访问不同类型的方式是错误的。试试这个:



var markers = [
  {
    coords: {
      lat:  14.5858544,
      lng: 120.9763816
    },
  }
];

// To get lat
console.log(markers[0].coords.lat) // 14.5858544
// To get lng
console.log(markers[0].coords.lat) // 120.9763816




答案 2 :(得分:1)



 var markers = [
        {
          coords:{lat:  14.5858544, lng: 120.9763816},
        }
      ];
      
function a(){
document.getElementById("demo_lat").innerHTML = markers[0].coords.lat;
document.getElementById("demo_lng").innerHTML = markers[0].coords.lng;
}

<p id="demo_lat"></p>
<p id="demo_lng"></p>
<button onclick="a()">Show</button>
&#13;
&#13;
&#13;

答案 3 :(得分:1)

适用于您的HTML

 var markers = [{
     coords: {
         lat: 14.5858544,
         lng: 120.9763816
     },
 }];

你可以这样做:

document.getElementById("lat").innerHTML = markers[0].coords.lat;
document.getElementById("lng").innerHTML = markers[0].coords.lng;

document.getElementById("lat").innerHTML = markers[0]['coords']['lat'];
document.getElementById("lng").innerHTML = markers[0]['coords']['lng'];

在控制台上打印

 console.log(markers[0].coords.lat)
 console.log(markers[0].coords.lng)

答案 4 :(得分:0)

你可以像这样得到lat和lng:

var markers = [
        {
          coords:{lat:  14.5858544, lng: 120.9763816},
        }
      ];
      console.log( markers[0].coords.lat)
       console.log( markers[0].coords.lng)

答案 5 :(得分:0)

&#13;
&#13;
var markers = [
    {
        coords: {lat:  14.5858544, lng: 120.9763816},
    }
];

document.getElementById(`demo`).innerHTML = `lat: ${markers[0].coords.lat}<br>lng: ${markers[0].coords.lng}`;
&#13;
<div id="demo"></div>
&#13;
&#13;
&#13;

答案 6 :(得分:0)

var X = setTimeOut(foo(){return 0}, 30000)

答案 7 :(得分:0)

  • 第一种方法只打印对象coords而不是latlng
  • 第二种方法是尝试访问一个名为coords的属性,该属性并不存在。

在这种情况下,您可以使用https://jsfiddle.net/z5p6tjmb/39/

此代码段会循环显示可能的标记

&#13;
&#13;
var markers = [{
  coords: {
    lat: 14.5858544,
    lng: 120.9763816
  },
}];

markers.forEach(function(marker) {
  var { lat, lng } = marker.coords; //Destructuring Assignment.
  console.log(lat, '-', lng);
});
&#13;
&#13;
&#13;