[游戏开发]forEach和map的区别及实现

区别

1. map不能修改原数组，forEach能改变原数组
2. map有返回值，创建新数组，而forEach无返回值，返回结果undefined
3. map和forEach用只能用try...catch...中断抛出错误中断，而return不能，用其效果相当于for循环的continue会跳过此次循环进入下一次循环。

实现

• forEach方法实现

Array.prototype.forEach = function (callback, context) {
    // 不能是null调用方法
    if (this === null) {
        throw new TypeError(
            "Array.prototype.forEach" + "called on null or undefined"
        );
    }
    // 第一个参数必须要为function
    if (typeof callback !== "function") {
        throw new TypeError(callback + " is not a function");
    }
    // 获取原数组，因为会改变原数组
    let arr = this;
    let len = arr.length;
    //
    for (let i = 0; i < len; i++) {
        callback.call(context, arr[i], i, arr);
    }
    // 数组没有返回值的，不用返回
}

• map实现：

Array.prototype.map = function (callback, context) {
    // 不能是null调用方法
    if (this === null) {
        throw new TypeError(
            "Array.prototype.map" + "called on null or undefined"
        );
    }
    // 第一个参数必须要为function
    if (typeof callback != 'function') {
        throw new TypeError(
            callback + 'is not a function'
        )
    }
    // 利用slice方法浅拷贝一下
    let arr = Array.prototype.slice.call(this)
    let len = arr.length
    let arrMap = []
    for (let i = 0; i < len; i++) {
        arrMap[i] =  callback.call(context, arr[i], i, arr)
    }
    return arrMap
}

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖