在 VS Code 终端中记录 JavaScript 数组

Question

当我控制台时.log一个在VS代码终端中包含对象的数组，

console.log(`new array is ${state.chats}`);

我得到这样的结果：

new array is [object Object],[object Object],[object Object],[object Object]

而不是普通的树，您可以在其中看到里面的对象，就像在Chrome开发工具中一样：

new array is: [
{ sender: "joseph", message: "my text" },
{ sender: "daniel", message: "my text" },
{ sender: "joseph", message: "my text" }
]

有什么方法可以"修复"/修改此行为吗？

Answer 1

VS Code 的终端使用命令行程序，如 cmd.exe、powershell 等，这些工具只是输出您提供的变量的字符串值。

对于{ sender: "joseph", message: "my text" }来说，这将是[object Object]

按要求获取数据的一种方法是使用 JSON.stringify 将其转换为字符串。

console.log(`new array is ${JSON.stringify(state.chats})`);

Answer 2

您必须在 js 中按对象的打印数组进行搜索。 在这些链接中保留您的答案(如何在JavaScript中打印对象数组？(，您可以使用JSON.stringify(yourarray(。

有关的更多信息，请访问：https://developer.mozilla.org/ca/docs/Web/JavaScript/Referencia/Objectes_globals/JSON/stringify

var test = [{name:"pepe",age:21},{name:"juan",age:11},
{name:"aurelio",age:31},{name:"evaristo",age:55},
{name:"fermin",age:35}];
console.log(JSON.stringify(test));