Chrome 控制台返回数组而不是它的值，这是为什么呢？

【问题标题】：Chrome console returns array instead of its value, why is that?Chrome 控制台返回数组而不是它的值，这是为什么呢？
【发布时间】：2020-09-05 21:39:43
【问题描述】：

var meals = {
  breakfast: "oatmeal",
  lunch: "turkey sandwich",
  dinner: "steak and potatoes"
};

=> 未定义

Object.assign({}, meals, {breakfast: ['oatmeal', 'banana']})

=> {早餐：Array(2)，午餐：“火鸡三明治”，晚餐：“牛排和土豆”}

为什么chrome控制台显示Array(2)而不是显示数组的实际值['oatmeal', 'banana']。

【问题讨论】：

如果您单击它，它应该会展开并显示该数组的实际内容。

标签： javascript google-chrome-console

【解决方案1】：

chrome 记录到控制台的值是一个数组本身。您可以通过扩展它来检查它。为简洁起见，它仅显示为array(2)。您可以随时展开它以显示对象的全部内容，因此也可以显示完整的数组 breakfast。

嵌套值只是在显示它以正确显示对象并为您提供对象中嵌套的正确视图时被压缩。

查看下方，Object.assign(...) 返回的值与预期的一样。同样可以通过扩展chrome控制台记录的对象来验证。

var meals = {
  breakfast: "oatmeal",
  lunch: "turkey sandwich",
  dinner: "steak and potatoes"
};

console.log(Object.assign({}, meals, {breakfast: ['oatmeal', 'banana']}))

【讨论】：