JavaScript中如何输出对象？如何获取并输出lat和lng？

没问题，我来帮你搞定这两个JavaScript里的常见问题！

一、如何在JavaScript中输出对象？ #

JavaScript里有好几种实用的方式来输出对象，根据你的需求选就行：

• 直接用console.log()：最常用的方式，大部分浏览器控制台会支持展开对象查看细节：

  const userLocation = { address: "北京", coords: { lat: 39.9042, lng: 116.4074 } };
  console.log(userLocation);
  

• 用console.dir()：如果console.log()显示的不够详细，这个方法会以目录树的形式展示对象的完整结构，特别适合嵌套较深的对象：

  console.dir(userLocation);
  

• 转成格式化JSON字符串：如果需要把对象输出成可读性强的文本，用JSON.stringify()，第二个参数传null，第三个参数控制缩进空格数：

  console.log(JSON.stringify(userLocation, null, 2));
  

  输出结果会是：

  {
    "address": "北京",
    "coords": {
      "lat": 39.9042,
      "lng": 116.4074
    }
  }
  

二、如何获取并输出lat与lng属性？ #

你拿不到这两个值，大概率是下面几种情况，对应解决就行：

1. 确认属性的嵌套层级 #

很多时候lat和lng是嵌套在子对象里的，比如上面例子里的userLocation.coords.lat，如果你直接写userLocation.lat肯定拿不到！先通过上面的输出方法看清楚对象结构，确认属性的具体位置。

2. 检查属性名的大小写与拼写 #

JavaScript是大小写敏感的！别把lat写成Lat，lng写成LNG，必须严格匹配对象里的属性名才行。

3. 处理异步场景 #

如果这个对象是通过API请求、定时器或者其他异步操作获取的，同步代码里直接访问会拿到undefined，必须在异步回调或者async/await里处理：

// 用async/await处理异步请求的例子
async function getLocationData() {
  // 模拟API请求
  const response = await fetch('/your-api-url');
  const locationData = await response.json();
  // 这里才能正确访问lat和lng
  console.log("纬度：", locationData.lat);
  console.log("经度：", locationData.lng);
}
getLocationData();

4. 私有属性的情况 #

如果lat和lng是类的私有属性（比如用#lat定义的），你没法直接访问，得用类提供的getter方法：

class Location {
  #lat;
  #lng;
  constructor(lat, lng) {
    this.#lat = lat;
    this.#lng = lng;
  }
  // 提供获取方法
  getLatitude() {
    return this.#lat;
  }
  getLongitude() {
    return this.#lng;
  }
}
const myLoc = new Location(39.9042, 116.4074);
console.log(myLoc.getLatitude()); // 输出39.9042

先按照上面的步骤排查，应该就能顺利拿到lat和lng的值啦！

内容的提问来源于stack exchange，提问作者Kyl