javascriptで未定義の変数が配列

Question

このコードの問題点を教えてもらえますか？ Chromeはまだマウスオーバーでコードを実行しますが、ChromeとFirefoxではscrns[i]が未定義です。

function nextPrev() { 
    if (!document.getElementsByClassName) return false; 
    var scrns = document.getElementsByClassName('scrn'); 
    for (var i=0; i<=scrns.length; i++) { 
    // console.log(i); 
    scrns[i].onmouseover = function() { 
     // console.log('foo'); 
    } 
    } 
} 
window.onload = nextPrev(); 

私は、forループ機能していることをテストし、問題は、私は方法を知っているあらゆる方法でどこから来ている突き止めるしようとしました。私はいつか前の一冊から取った例を見ていて、なぜscrns[i]が定義されないのか理解できません。

大変助かりました！

Answer 1

をループするときは、<=を使用しています。しかし、配列は0ではなく1から始まるインデックスが付けられていることに注意してください。したがって、10要素の配列の長さは10ですが、要素0-9です。次のように変更します。

for (var i=0; i<=scrns.length; i++) { 

へ：

for (var i=0; i < scrns.length; i++) { 

Answer 2

あなたはループしすぎています。 iがscrns.lengthの場合は、配列の終わりを超えています。あなたの停止条件に=を削除します。

for (var i=0; i < scrns.length; i++) { 

Answer 3

あなたはoff-by-oneエラーを持っています。 <=から<に変更すると問題が解決するはずです。ループインバリアントを将来使用して、あなたが通過しないことを確認することができます。一般に

http://en.wikipedia.org/wiki/Loop_invariant

しかし配列をループするとき、限りカウンタが配列の長さ未満であるようにループを0に反復カウンタで始まり。