Array.prototype.map的两种实现方式有什么区别

Question

Array.prototype.myMap = function (cb, thisArg) {
    const newArr = []
    for (let i = 0; i < this.length; i++) {
        if (i in this) {
            newArr[i] = cb.call(thisArg, this[i], i, this)
        }
    }
    return newArr
}

Array.prototype.myMap = function (cb, thisArg) {
    const newArr = []
    const len = this.length
    for (let i = 0; i < len; i++) {
        if (i in this) {
            newArr[i] = cb.call(thisArg, this[i], i, this)
        }
    }
    return newArr
}

我不知道为什么“i < this.length”没有通过任何测试用例，它总是显示无限

Answer 1

如果回调 function 修改了被迭代的数组的长度，这些将有所不同。 例如：

[1, 2, 3].myMap((el, index, array) => {
    array.push(0);
    return el + 1;
});

第二个版本永远不会结束，因为this.length随着循环的继续而不断增加。 但第一个版本只处理数组的原始 3 个元素。