7

チュートリアル Web サイトで関数のコード スニペットを見つけましたが、配列内にforEachあるかどうかをチェックする行を除いて、すべて意味があります。i

    if (i in this) {

停止条件を含む for ループが既にあるのに、どうして気にする必要があるでしょうか。

if (!Array.prototype.forEach) {
Array.prototype.forEach = function(fun /*, thisp*/) {
    var len = this.length >>> 0;
    if (typeof fun != "function") {
        throw new TypeError();
    }

    var thisp = arguments[1];
    for (var i = 0; i < len; i++) {
        if (i in this) {
            fun.call(thisp, this[i], i, this);
        }
    }
};
}
4

2 に答える 2

7

2 つの理由:

1. コールバックによる変異

は完全にユーザー定義であるため、呼び出しfunによって配列が変更される可能性があります。funそのため、再度確認する必要があります。

例：

array.forEach(function (el, i) { delete array[i + 1]; });

2. スパース配列

もう 1 つの問題は、スパース配列が存在する可能性があることです。

3 in ["a", "b", "c", , "e", "f"] === false
// even though
3 in ["a", "b", "c", undefined, "e", "f"] === true

そのような場合fun、そのインデックスには何もないため、そのインデックス/要素を呼び出したくありません。

["a", "b", "c", , "e", "f"].forEach(function (el, i) {
    console.log(el + " at " + i);
});
// => "a at 0" "b at 1" "c at 2" "e at 4" "f at 5"
于 2012-05-05T22:21:27.340 に答える
3

配列には穴がある可能性があるため、長さを反復処理でき、すべての値が存在するわけではありません。

x = new Array()
[]

x[0] = "zero"
"zero"

x[5] = "five"
"five"

x
["zero", undefined × 4, "five"]

3 in x
false

x.length
6

for (var i = 0; i < x.length; i++) { console.log(i, i in x, x[i])}
0 true "zero"
1 false undefined
2 false undefined
3 false undefined
4 false undefined
5 true "five"
于 2012-05-05T22:22:49.360 に答える