javascript 对象是否有类似 toString 的函数？

Question

在使用javascript进行调试和开发时，我经常想提醒对象，所以我使用了以下代码：

for(a in obj)
{
  alert(a +' = '+obj[a])
}    

它服务很好，但它太烦人了。我想知道数组是否有类似的东西：

var temp = ['a','b','c'];
alert(temp); // it will alert a,b,c 

所以我想做的是：

var temp = {a:'a',b:'b',c:'c'};
alert(temp) ; // It should alert json {a:'a',b:'b',c:'c'}

或任何其他更好的建议，以便我可以轻松查找对象。

Answer 1

你可以使用这个功能：

function dump(arr,level) {
    var dumped_text = "";

    if(!level) level = 0;
    var level_padding = "";

    for(var j=0;j<level+1;j++)
        level_padding += "    ";

    var type = typeof(arr);

    if (arr === null){
        dumped_text = "null";
    } else if (arr instanceof Array) {
        dumped_text += "[";

        for(var item in arr) {
            var value = arr[item];
            dumped_text += dump (value, level+1) + ',';
        }

        if(dumped_text.length > 1)
            dumped_text = dumped_text.substring (0, dumped_text.length-1);
        dumped_text += "]";
    } else if(type == 'object') {
        dumped_text += "{\n";

        for(var item in arr) {
            var value = arr[item];
            dumped_text += level_padding + item + " : ";
            dumped_text += dump(value,level+1) + ',\n';
        }

        if(dumped_text.length > 2)
            dumped_text = dumped_text.substring (0, dumped_text.length-2);

        dumped_text += "\n" + level_padding.substring (0, level_padding.length-4) + "}";
    } else if (type == 'string'){
        dumped_text = "'" + arr + "'";
    } else if (type == 'number'){
        dumped_text = arr + "";
    } else if (type == 'boolean'){
        dumped_text = arr + "";
    }
 return dumped_text;
}

Answer 2

您也可以这样做，这样警报格式可以是您想要的格式

 Object.prototype.toString = function{
    var str='';
    for(a in this)
    {
      str+=a +' = '+obj[a]);
    }    
    }

Answer 3

javascript参考指南说javascript对象有一个toString方法，见页面https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object/toString

它在 mozilla 开发者页面上，但我相信这应该是您需要的。摘录在这里，“ var o = 新对象（）； o.toString(); "

Answer 4

一种解决方案是：

dump() - Javascript equivalent of PHP's print_r() function

Perl 为这样的工作提供了 Data::Dumper。非常适合这种情况。非常适合调试。

更好的方法是使用 JSON.stringify：

JSON.stringify({a:1,b:2,c:{d:1,e:[1,2]}}, null, 4); // Indented 4 spaces
JSON.stringify({a:1,b:2,c:{d:1,e:[1,2]}}, null, "\t"); // Indented with tab

参考：How Can I Beautify JSON Programmatically

而 alert() 只会让你更伤心，开始使用控制台日志吧。它们是持久的，允许您更一致地引用输出。

参考：How to Print Debug Messages in the google chrome javascript console

更好的是：使用 JavaScript 调试器分析您的对象。这通常比简单地打印或警告信息更好。但是，如果您必须在许多位置执行此操作，控制台日志通常会更好。

参考：How do you launch the javascript debugger in Google Chrome?

Answer 5

警报调用 toString，因此您可以覆盖 toString 以进行调试：

Object.prototype.toString = function() {
    return JSON.stringify(this);
};

所以你可以直接调用alert(foo);，它会显示 foo 的 JSON 表示

Answer 6

或任何其他更好的建议，以便我可以轻松查找对象。

如果您记录一个对象，大多数优秀浏览器的控制台都可以让您深入了解它。例如，使用 Chrome：

console.log(obj);

会将树视图对象记录到控制台。

Answer 7

使用

alert(JSON.stringify(temp)) ;

而不是

alert(temp) ;