Javascript advanced console.log


Javascript advanced console.log

让我们假设我有这样的JS代码:

var foo = new Array('foo', 'bar'); var bar = new Array(); bar.push(foo); console.log(bar);

控制台日志只给我:

Array [ Array[2] ]

我正在寻找获得真正登录控制台的方法。在这种情况下,数组包含子数组等等

echo '<pre>' . print_r($bar, TRUE);

使用dir而不是log。它提供了一个交互式视图。

Chrome/Opera/Firefox都允许通过console.log().对阵列进行进一步检查

还可以尝试Firebug以获得额外的调试功能。

如果您的浏览器支持它,您也可以使用JSON.stringify()函数。最好用一个例子来解释:

var a = [ 
  "123", 
  { "foo": "bar" }, 
  [ "inner", "array", [ "inner-inner", "array-array" ] ] 
];
console.log( JSON.stringify(a) );
// "["123",{"foo":"bar"},["inner","array",["inner-inner","array-array"]]]"

基本上,该函数将对象转换为JSON字符串格式,允许您以类似字符串的格式查看每个对象/数组及其所有子元素。

请记住,只有当您试图查看的对象仅包含简单类型的数据时,此方法才会有效。。。对象和更复杂的内置对象(如windowdocument)中的函数定义不会产生有用的信息。