console.log是JavaScript中常用的一個輸出函數,可以通過該函數輸出信息到瀏覽器控制臺。而JSON是JavaScript中常用的數據格式,也可以通過console.log輸出JSON對象。下面就來具體了解一下console.log輸出JSON的方法。
假設我們有一個如下的JSON對象:
let student = { "name": "Alice", "age": 18, "gender": "female", "hobby": ["reading", "music"] };
要在控制臺輸出該JSON對象,我們可以使用以下代碼:
console.log(student);
輸出結果如下:
{name: "Alice", age: 18, gender: "female", hobby: Array(2)} age: 18 gender: "female" hobby: (2) ["reading", "music"] name: "Alice" __proto__: Object
從輸出結果可以看出,console.log函數將JSON對象輸出為一個JavaScript對象,其中鍵值對的格式與JSON相同。
如果我們要輸出JSON對象的某個屬性,可以使用以下代碼:
console.log(student.name);
輸出結果為:
Alice
如果要格式化輸出JSON對象,可以使用JSON.stringify()方法。該方法可以將JSON對象轉換為一個字符串,并且可以在輸出時添加縮進。例如,我們可以使用以下代碼輸出格式化后的JSON:
console.log(JSON.stringify(student, null, 2));
其中,第一個參數為要轉換的JSON對象;第二個參數為轉換過程中的回調函數,我們這里不需要添加,故為null;第三個參數表示縮進的空格數,這里設置為2。
輸出結果為:
{ "name": "Alice", "age": 18, "gender": "female", "hobby": [ "reading", "music" ] }
這樣輸出的JSON對象更加清晰易讀,方便開發者查看和調試。
上一篇vue 導出豎屏