JavaScript Google Chrome控制台在打印对象时出现错误

Question

由于某些原因，在console.log((中打印对象数组并不能正确打印每个对象。

当我循环遍历每个单独对象的数组并打印其感兴趣的属性时，它与数组中打印的对象不同。我在打印对象数组之前和之后执行了此检查，该检查具有匹配的属性值，但有时与数组不同。

造成这种情况的原因是什么？我很乐意提供更多细节，但我不确定什么与这个问题有关。

for(let i = 0; i < activeMonsters.length; i++) {
console.log("Before: " + i + "|" + activeMonsters[i].xPos);
// console.log(activeMonsters[i]);
}
console.log(activeMonsters);
for(let i = 0; i < activeMonsters.length; i++) {
// console.log(activeMonsters[i]);
console.log(i + "|" + activeMonsters[i].xPos);
}

Answer 1

这不是一个bug，console.log()按照设计工作。如果我理解正确，你想看到对象的详细信息，以便使用：

选项1:

console.dir()在chrome控制台中打印可浏览的对象。

有关更多信息，请查看此处：https://developer.mozilla.org/en-US/docs/Web/API/Console/dir

选项2:

console.log(JSON.stringify());

这也应该为您提供可浏览的对象。