JavaScriptのconsole.log, dir, tableの違い・デバッグ方法とログレベルの使い分け

JavaScriptのconsole.log, dir, tableの違い・デバッグ方法とログレベルの使い分けについてまとめて解説していきます。
JavaScriptのログレベルは log, info, warn, error の4つがあります。
Log-Level ごとに、DevToolsのコンソール画面上でのLog表示が変わります。