如何在JavaScript中將任何對象顯示爲字符串？

Question

如果我有任何對象，也許new MyObject()，我wnat顯示所有內部屬性。我該怎麼做？

當使用alert(new MyObject())時，結果爲[object Object]。但我想要所有的內在屬性。例如...

var MyObject = function() { 
    this.prop1 = "Hello World"; 
    this.prop2 = "LOL"; 
    this.recursive = this; 
    this.func = function() { return "func return"; } 
} 
alert(new MyObject()); 

在這種情況下，我該怎麼做才能顯示{ prop1 = "Hello World", prop2 = "LOL", etc... }

Answer 1

你可以寫這個功能，任何對象轉換爲string。

看JSFiddle

function ToString(obj) { 
    clearTimeout(window.ToStringTimeout); 

    var result; 
    var ident = arguments.length >= 2 ? arguments[1] : undefined; 

    if (obj == null) { 
     result = String(obj); 
    } 

    if (!result) { 
     window.ToStringRecursive = window.ToStringRecursive ? window.ToStringRecursive : []; 
     if (ToStringRecursive.indexOf(obj) >= 0) { 
      result = obj ? (typeof(obj) == "string" ? "\"" + obj + "\"" : obj.toString()) : obj; 
     } else { 
      ToStringRecursive.push(obj); 
     } 
     if (!result) { 
      switch (typeof obj) { 
       case "string": 
        result = '"' + obj + '"'; 
        break; 
       case "function": 
        result = obj.name || obj.toString(); 
        break; 
       case "object": 
        var indent = Array(ident || 1).join('\t'), 
         isArray = Array.isArray(obj); 
        result = '{[' [+isArray] + Object.keys(obj).map(
         function(key) { 
          return '\n\t' + indent + key + ': ' + ToString(obj[key], (ident || 1) + 1); 
         }).join(',') + '\n' + indent + '}]' [+isArray]; 
        break; 
       default: 
        result = obj.toString(); 
        break; 
      } 
     } 
    } 

    window.ToStringTimeout = setTimeout(function() { 
     delete window.ToStringTimeout; 
     delete window.ToStringRecursive; 
    }, 100); 

    return result; 
} 

，並使用此：

console.log(ToString(new MyObject())); 

爲了證明這一點：

{ 
    prop1: "Hello World", 
    prop2: "LOL", 
    recursive: [object Object], 
    func: function() { return "func return"; } 
} 

檢查...當任何財產是遞歸的這一再顯示，因爲這是無限的。

Answer 2

像這樣：

var obj = {type:"Fiat", model:"500", color:"white"}; 
 
var str = ''; 
 
    
 
for (var p in obj) { 
 
    str = str + p + " = " + obj[p] + ','; 
 
} 
 
console.log(str);

Answer 3

var MyObject = function() { 
 
    this.prop1 = "Hello World"; 
 
    this.prop2 = "LOL"; 
 
    this.recursive = this; 
 
    this.func = function() { 
 
    return this.recursive.prop1 + "," + this.recursive.prop2; 
 
    } 
 
} 
 
var output = new MyObject(); 
 
alert(output.func());

Answer 4

使用：

var MyObject = function() { 
    this.prop1 = "Hello World"; 
    this.prop2 = "LOL"; 
    this.recursive = this; 
    this.func = function() { return "func return"; } } 

console.log(eval(new MyObject())); 

結果是：

{ prop1: 'Hello World', 
    prop2: 'LOL', 
    recursive: [Circular], 
    func: [Function] }