实现Array.prototype.map

毛小星

于 2021-02-16 22:47:26 发布

阅读量333

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript map

本文链接：https://blog.csdn.net/weixin_50964668/article/details/113829432

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何实现JavaScript的Array.prototype.map方法，并通过多个示例进行验证，包括上下文绑定和错误处理，最终成功完成map功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Array.prototype.my_map = function(fn, context) {

    let resArr = []
    const me = this

    const ctx = context ? context : me // 定义上下文

    if (typeof fn !== 'function') {
        throw new Error(`${fn} is not a function`)
    }

    me.forEach((item, index) => {
        resArr.push(fn.call(ctx, item, index, me)) // 将回调结果放入数组中
    })

    return resArr // 返回map后的数组
}

下面来验证一下

const arr = [1,2,3]

const newArr = arr.my_map(function(item, index, _arr) {
    console.log(this, item, index, _arr)
    return item * 2
}, arr1)

console.log(newArr)

可以看到还是比较成功的，再来验证一下上下文有没有绑定成功

const arr = [1,2,3]
const arr1 = [4,5,6]

const newArr = arr.my_map(function(item, index, _arr) {
    console.log(this, item, index, _arr)
    return item * 2
}, arr1)

console.log(newArr)

再看一下错误处理

const arr = [1,2,3]
const arr1 = [4,5,6]

const newArr = arr.my_map(123, arr1)

console.log(newArr)

ok!大功告成了