JavaScriptでデバッグ時にconsole.log以外のメソッドを利用する方法
JavaScriptでデバッグ時は基本的にconsole.logを使って配列やオブジェクトの中身を見てどうこうする、という対応を取っていたがconsoleオブジェクトにはlog以外にも便利なメソッドがあるらしい。以下に実運用上使えそうなメソッドと出力例をメモ。
リファレンス
https://developer.mozilla.org/ja/docs/Web/API/console
使えそうなメソッド
ソースコード
const log = 'log'; const obj = { name : '鈴木', age : 20 } console.log(log); console.info(log); console.warn(log); console.error(log); console.table(obj); console.time(); for( let i = 0; i < 1000000000; i++ ){ } console.timeEnd();
出力例
上記ソースコードだと以下が出力される。
解説
「info / worn / error」はログレベル分けみたいなもの。
「table」は配列やオブジェクトをtableタグっぽく表示してくれる。
「time / timeEnd」は実行速度を測定できる。
所感
log以外のメソッドを使ったソースコードってあんまり見たことない気がする。せっかく知れたので今後は適宜使用していきたいところ。
関連記事
-
-
javascriptでゼロパティング
月日をゼロパディングしたかったけど PHPとは違い、そういった関数は無かったので ...
-
-
leaflet.jsとOSMでマーカーの画像をそれぞれ指定する
leaflet.jsとOpenStreetMapでマップ上にマーカーを複数設置し ...
-
-
JavaScriptのbeforeunloadイベントでページの離脱防止
何らかのformがあるページで各種内容を入力後に何らかのリンクをクリックする等、 ...
-
-
パスワードの強度を判定できる「zxcvbn」ライブラリの使用方法
アカウントを作成するようなページで偶にパスワードの強度を判定してメーターで表示さ ...
-
-
円形のプログレスバーをprogressbar.jsで実装する方法
円形のプログレスバーを実装したかった。CSSだったり画像を用いたりする方法もあっ ...