JavaScript数据显示异常求助：msg2显示[object Object]

嘿，这个问题太常见啦！你看到msg2显示[object Object]，是因为你直接把一个**对象（或数组）**赋值给了textContent——浏览器没法直接把复杂的对象转换成人类可读的文本，就会默认输出这个占位字符串，而console.log会帮你展开对象的完整结构，所以你能看到里面的真实内容。

要显示data.forecast里的具体值（比如partly cloudy），你需要明确访问这个对象/数组里的对应属性。我给你分两种常见情况说明：

情况1：data.forecast是单个对象，包含描述属性 #

假设你的data.forecast结构是这样的：

{
  weather: "partly cloudy",
  temperature: 22
}

那你只需直接取对应的属性，修改代码里的msg2.textContent行即可：

if(data.error) {
  msg1.textContent = data.error
} else {
  msg1.textContent = data.location
  // 直接访问weather属性获取目标值
  msg2.textContent = data.forecast.weather 
  console.log(data.forecast)
}

情况2：data.forecast是数组，你要取第一个元素的属性 #

如果data.forecast是一个数组（比如多时段的预报列表），结构像这样：

[
  { condition: "partly cloudy", time: "morning" },
  { condition: "sunny", time: "afternoon" }
]

那你需要先通过索引[0]取数组的第一个元素，再访问它的对应属性：

if(data.error) {
  msg1.textContent = data.error
} else {
  msg1.textContent = data.location
  // 取数组第一个元素的condition属性
  msg2.textContent = data.forecast[0].condition 
  console.log(data.forecast)
}

临时调试小技巧 #

如果你不确定data.forecast的具体结构，可以先用JSON.stringify()把整个对象转成字符串临时显示，这样能直观看到内部的所有键值对：

msg2.textContent = JSON.stringify(data.forecast)

等你搞清楚结构后，再换成访问具体属性的写法就好啦！

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