JavaScript

概要 JavaScriptのイベントハンドラにて、console.log(e);とするとイベントオブジェクトの中身が表示されるが、それはconsole.log(e)を実行した時の中身ではなく、コンソールで確認した時点（▶︎をクリックしてオブジェクトを展開したとき）の中身が表示される。currentTargetは処理が終わるとNULLに書き換わってしまうので、console.log(e);を実行した...

概要 JavaScript(ES2015, ES6)で配列やオブジェクト(連想配列)をループさせるとき、for…ofとforEachのどちらを使うべきかをまとめました。 ループ処理ごとの特徴など for…ofはIE11非対応for…ofはArrayやNodeListなどiterableなオブジェクトで使うことができる。ただし、{}で定義したオブジェクト(連想配列)では使うことができないない。ite...

文字列の'0'は条件式ではtrueになるので注意 RubyやPHPでは'0'はtrueとして扱われるが、JavaScriptではfalse扱いとなる。 if ('0') { console.log('true'); // trueが出力される } if (0) { console.log('true'); // trueは出力されない } 暗黙の型変換 等価演算子（==）で異なるデータ型を比較した...

OSによるキーコードの違い keydownイベントのイベントハンドラ内でkeyCodeの値を取得し、どのキーが押されたかを判定するが、アットマーク(@)はWindowsとMacでキーコードが異なるので注意が必要。 Windows：192Mac：219 サンプル // 「Ctrl/command + @」が押されたら処理を実行する document.addEventListener('keydown...