しゃのんあどべんとかれんだー 7日目 (JavaScript 一発ネタ console.table)

この記事は [Shanon Advent Calendar 2015](http://qiita.com/advent-calendar/2015/shanon) の 7 日目の記事です。  # JavaScript の配列要素を楽に確認したい！ という状況、ありますよね？ 画面の table 要素の中身を Ajax で動的更新する際、JSON の配列が返ってきてごにょごにょとか、ありますよね？ 例えば、こんな配列があったとします。 `var arr = [ { code: 100, msg: 'success' }, { code: 200, msg: 'warn' }, { code: 300, msg: 'error' } ];` この中身を確認する際、 `console.log(object)` を実行すると、JavaScript コンソールには `[Object, Object, Object]` と表示されて、中身を確認するのにクリックしまくりーの、他の要素と比較しづらいーのですよね。。。  # そこで console.table ですよ！ これを使うと、配列の要素を１レコードとみなして、JavaScript コンソールにテーブル表示されます！ 試しに、`console.table(arr)` を実行してみると。。。  あら、見やすい。 [Mozillaのリファレンス](https://developer.mozilla.org/ja/docs/Web/API/Console/table)を見ると、より詳しいことがわかると思います。 デバッグの幅が広がりそうですね！ レッツ Enjoy! (・ω・)ノ

• Tweet
• Share
• Share
• Share
• Share