JavaScript日誌JSON對象漂亮格式

Question

我使用很多console.log進行調試。當我記錄長對象時，很難讀取完整的對象。有沒有一個console.pretty或什麼來打印數據的方式很漂亮？

實際（原木在線）：
{data:'data',data1:'data1'}

期待：

{ 
    data:'data', 
    data1:'data1' 
} 

Answer 1

您可以使用JSON.stringify。

傳遞的第三個參數將是縮進成員的空格數。

var obj = { 
 
    data: 'data', 
 
    data1: 'data1' 
 
}; 
 

 
console.log(JSON.stringify(obj, 0, 2));

---

如果您需要這更多的時候，你還可以定義窗口對象

// Define on global window object 
 
window.console.prettyPrint = function() { 
 
    // Loop over arguments, so any number of objects can be passed 
 
    for (var i = 0; i < arguments.length; i++) { 
 
    console.log(JSON.stringify(arguments[i], 0, 2)); 
 
    } 
 
}; 
 

 
var obj = { 
 
    data: 'data', 
 
    data1: 'data1' 
 
}; 
 

 
var myObj = { 
 
    hello: 'World!' 
 
}; 
 

 
console.prettyPrint(obj, myObj);

上的功能