通常,如果我们只使用alert(object);
,则会显示为[object Object]
。如何在JavaScript中打印对象的所有内容参数?
答案 0 :(得分:679)
这将为您提供带有缩进JSON对象的非常好的输出:
alert(JSON.stringify(YOUR_OBJECT_HERE, null, 4));
第二个参数在返回之前改变字符串的内容。第三个参数指定可用作空白的空格数。
答案 1 :(得分:309)
如果您使用的是Firefox,alert(object.toSource())
应该足以满足简单的调试目的。
答案 2 :(得分:72)
除了使用调试器之外,您还可以使用foreach
循环访问对象的所有元素。以下printObject
函数应alert()
显示所有属性和相应值的对象。
function printObject(o) {
var out = '';
for (var p in o) {
out += p + ': ' + o[p] + '\n';
}
alert(out);
}
// now test it:
var myObject = {'something': 1, 'other thing': 2};
printObject(myObject);
最好使用DOM检查工具,因为它允许您挖掘作为对象本身的属性。 Firefox有FireBug,但所有其他主流浏览器(IE,Chrome,Safari)也都有内置的调试工具,你应该检查。
答案 3 :(得分:25)
如果您只想拥有对象的字符串表示形式,可以使用JSON library来使用JSON.stringify
函数。
答案 4 :(得分:13)
打印可以使用的对象的内容
console.log(obj_str);
你可以在控制台中看到如下结果。
Object {description: "test"}
对于开放式控制台,在Chrome浏览器中按F12键,您将在调试模式下找到控制台选项卡。
答案 5 :(得分:11)
你可以让Node util.inspect(object)打印出对象的结构。
当您的对象具有循环依赖性时,尤其有用,例如
$ node
var obj = {
"name" : "John",
"surname" : "Doe"
}
obj.self_ref = obj;
util = require("util");
var obj_str = util.inspect(obj);
console.log(obj_str);
// prints { name: 'John', surname: 'Doe', self_ref: [Circular] }
JSON.stringify会抛出异常:TypeError: Converting circular structure to JSON
答案 6 :(得分:8)
您应该考虑使用FireBug进行JavaScript调试。它将让您以交互方式检查所有变量,甚至可以逐步执行功能。
答案 7 :(得分:7)
使用dir(对象)。或者您随时可以下载Firebug for Firefox(非常有用)。
答案 8 :(得分:3)
为所有人提供Javascript!
String.prototype.repeat = function(num) {
if (num < 0) {
return '';
} else {
return new Array(num + 1).join(this);
}
};
function is_defined(x) {
return typeof x !== 'undefined';
}
function is_object(x) {
return Object.prototype.toString.call(x) === "[object Object]";
}
function is_array(x) {
return Object.prototype.toString.call(x) === "[object Array]";
}
/**
* Main.
*/
function xlog(v, label) {
var tab = 0;
var rt = function() {
return ' '.repeat(tab);
};
// Log Fn
var lg = function(x) {
// Limit
if (tab > 10) return '[...]';
var r = '';
if (!is_defined(x)) {
r = '[VAR: UNDEFINED]';
} else if (x === '') {
r = '[VAR: EMPTY STRING]';
} else if (is_array(x)) {
r = '[\n';
tab++;
for (var k in x) {
r += rt() + k + ' : ' + lg(x[k]) + ',\n';
}
tab--;
r += rt() + ']';
} else if (is_object(x)) {
r = '{\n';
tab++;
for (var k in x) {
r += rt() + k + ' : ' + lg(x[k]) + ',\n';
}
tab--;
r += rt() + '}';
} else {
r = x;
}
return r;
};
// Space
document.write('\n\n');
// Log
document.write('< ' + (is_defined(label) ? (label + ' ') : '') + Object.prototype.toString.call(v) + ' >\n' + lg(v));
};
// Demo //
var o = {
'aaa' : 123,
'bbb' : 'zzzz',
'o' : {
'obj1' : 'val1',
'obj2' : 'val2',
'obj3' : [1, 3, 5, 6],
'obj4' : {
'a' : 'aaaa',
'b' : null
}
},
'a' : [ 'asd', 123, false, true ],
'func' : function() {
alert('test');
},
'fff' : false,
't' : true,
'nnn' : null
};
xlog(o, 'Object'); // With label
xlog(o); // Without label
xlog(['asd', 'bbb', 123, true], 'ARRAY Title!');
var no_definido;
xlog(no_definido, 'Undefined!');
xlog(true);
xlog('', 'Empty String');
答案 9 :(得分:2)
您还可以使用Prototype的Object.inspect()方法,该方法“返回对象的面向调试的字符串表示形式”。
答案 10 :(得分:2)
您可以在原型中为对象提供自己的toString方法。
答案 11 :(得分:2)
您可以使用http://www.json.org/js.html中的json.js将json数据更改为字符串数据。
答案 12 :(得分:1)
提醒对象或数组内容的简单功能 使用数组或字符串或它提醒内容的对象调用此函数。
功能的
function print_r(printthis, returnoutput) {
var output = '';
if($.isArray(printthis) || typeof(printthis) == 'object') {
for(var i in printthis) {
output += i + ' : ' + print_r(printthis[i], true) + '\n';
}
}else {
output += printthis;
}
if(returnoutput && returnoutput == true) {
return output;
}else {
alert(output);
}
}
用法的
var data = [1, 2, 3, 4];
print_r(data);
答案 13 :(得分:0)
Internet Explorer 8具有与Firefox Firebug类似的开发人员工具。 Opera有Opera DragonFly,谷歌Chrome也有一些叫做开发者工具(Shift + Ctrl + J)。
以下是在IE6-8中调试JavaScript的更详细的答案: Using the IE8 'Developer Tools' to debug earlier IE versions
答案 14 :(得分:-3)
我遇到了类似的问题,原因是我使用ajax来获取数据。 在这种情况下,我做了两个异步ajax调用。在一个我只返回字符串消息和显示在警报。在第二个ajax调用中,我以json格式获取arraylist并在js中解码它。 所以我的第二个请求首先用于处理,我得到了对象的警报。
所以请检查一下。 1.警报应包含字符串。 2.如果你得到arrayList或任何其他Object解码它。
一切顺利!