JavaScriptのconsole.tableでオブジェクトを快適にデバッグする。

フロントエンドの開発をしたことがあるひとなら、必ず

console.log(obj);

したことがあるとおもいます。

ただ、Ajaxでのデータベースからデータを取ってきてデータを整形する前などは、Array,Array,Array,・・・となっていてうざいですよね。 そんなとき、

console.table(obj);

が便利です。

辞書型のキーの部分を自動的にカラムに見立てて、コンソールにテーブル表示してくれます。

しかもソートできます。

やばいですね。

Console.table() | MDN