初探 console.table()

前言

  在 Debug 時利用 console.log() 可以顯示文字資訊，但也僅能顯示文字，如果要顯示成表格的話就看得不是很舒服，最近發現瀏覽器有支援表格顯示，在此把學習的過程做個紀錄。

內容

  範例如下

let ar = [ 0 , 1, 1224 , 465 ];
let obj = {
  str : "obj",
  num : 12
};
let obj1 = {
  str : "obj1",
  num : 34
};
let obj2 = {
  str : "obj2",
  num : 56
};
//
console.table( ar );
console.table( [ obj , obj1 , obj2 ] );

要顯示表格需要透過 console.table() ，但如果透過像 JS Bin 這樣的工具時會看到和 console.log() 一樣的結果，如下圖 1 的結果，要看到表格必須在瀏覽器自帶的 Debug 才能看到，如下圖 2 的結果。

範例執行結果

參考資料

[ developer.mozilla.org ] console: table()