初探 console.group()

前言

  在 Debug 有時需要列印出每筆陣列的資料，但數量一多時就要花很多時間在拖卷軸，這時可以透過 console.group()  來完成摺疊資訊的作用，在此把學習的過程做個紀錄。

內容

  範例如下

console.group( 'MyGroup' );
for(let i=0;i<10;i++)
  console.log(i);
//
console.groupEnd( 'MyGroup' );

執行結果如下

範例執行結果

在需要摺疊資訊的地方喚起 console.group() ，並在要摺疊資訊的結尾喚起 console.groupEnd()，二者輸入的參數的是群組名稱，用哪個群組名稱開頭，就用哪個群組名稱結束，結果在一般的 console 還是個別顯示了每筆資料，但在瀏覽器提供的偵錯就會有可以摺疊資訊的按鈕。

參考資料

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