JavaScript forEach 实现

Question

我在一个教程网站上找到了一个 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);
        }
    }
};
}

Answer 1

两个原因:

1。通过回调进行变异

调用 fun 可能会改变数组，因为 fun 完全是用户定义的。所以你需要再次检查。

例子:

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

2。稀疏数组

另一个问题是可能存在稀疏数组:例如

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"