- + JavaScript の質問用スレッド vol.119 + [無断転載禁止]©2ch.net
925 ：デフォルトの名無しさん[sage]：2016/05/21(土) 00:58:37.95 ID:tbwSFfzJ - なぜ変数に入れることが保守性が下がることになるのか、さっぱり伝わってこない
普通は人間の目で見てわかりやすいように変数を宣言する
パフォーマンスUPは二の次
|
- + JavaScript の質問用スレッド vol.119 + [無断転載禁止]©2ch.net
927 ：デフォルトの名無しさん[sage]：2016/05/21(土) 01:14:22.95 ID:tbwSFfzJ - 変数を使わずに書いてみた
初見で読む気が失せるレベルである
for (var i = 0; i < document.getElementById('hoge').tBodies[0].rows.length; ++i) {
for (var j = 0; j < document.getElementById('hoge').tBodies[0].rows[i].cells.length; ++j) {
document.getElementById('hoge').tBodies[0].rows[i].cells[j].classList.add('foo');
console.log(document.getElementById('hoge').tBodies[0].rows[i].cells[j].firstChild.data);
}
}
|
- + JavaScript の質問用スレッド vol.119 + [無断転載禁止]©2ch.net
928 ：デフォルトの名無しさん[sage]：2016/05/21(土) 01:16:18.17 ID:tbwSFfzJ - × 変数を使わずに書いてみた
○ 変数を使わずに書いてみた
|
- + JavaScript の質問用スレッド vol.119 + [無断転載禁止]©2ch.net
929 ：デフォルトの名無しさん[sage]：2016/05/21(土) 01:17:11.33 ID:tbwSFfzJ - >>928で訂正文を間違えた
× 変数を使わずに書いてみた
○ 出来るだけ変数を使わずに書いてみた
|
- + JavaScript の質問用スレッド vol.119 + [無断転載禁止]©2ch.net
931 ：デフォルトの名無しさん[sage]：2016/05/21(土) 02:14:55.63 ID:tbwSFfzJ - >>930
適切なサンプルでなかったかもしれんが、table to array とか、二次元構造のまま扱いたい場合がある
Array#forEach を使ってもいいが、for文を2段重ねてゴリゴリやるのが好きなんだよな
対象の実装が許すなら for-of を使いたいところだ
何にしても可読性の為に深部のDOMノードを変数に束縛する必要があると思う
|
- + JavaScript の質問用スレッド vol.119 + [無断転載禁止]©2ch.net
933 ：デフォルトの名無しさん[sage]：2016/05/21(土) 02:40:07.59 ID:tbwSFfzJ - >>932
>>927と下記コードを比較してどちらが可読性に優れているかという話
var cell = document.getElementById('hoge').tBodies[0].rows[i].cells[j];
cell.classList.add('foo');
console.log(cell);
|