实现数组fill、filter、find、findIndex方法

火山猫

已于 2024-08-24 20:59:41 修改

阅读量301

点赞数

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： javascript 前端开发语言

于 2021-07-03 15:02:14 首次发布

本文链接：https://blog.youkuaiyun.com/qq_43320218/article/details/118440131

前端开发专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何使用JavaScript手动实现数组中的fill、filter、find和findIndex方法。通过对这些方法的逐步解析和代码实现，读者可以深入了解这些实用功能的工作原理。

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

一、实现fill方法

// arr.fill(value, start, end);
Array.prototype.myFill = function (value, start = 0, end = this.length){
    for(let i = start; i < end; i++){
        this[i] = value;
    }
}

二、实现filter方法

// arr.filter(function(item,index,arr){...},context)
Array.prototype.myFilter = function (fn, context) {
    if(typeof fn !== 'function'){
        throw new TypeError("arguments[0] is not a function");
    }

    let arr = this;
    let res = [];
    for(let i = 0; i < arr.length; i++){
        if(fn.call(context, arr[i], i, arr)){
            res.push(arr[i]);
        }
    }
    return res;
}

三、实现find方法

// arr.find(function(item,index,arr){...}, context)
Array.prototype.myFind = function (fn, context) {
    if(typeof fn !== 'function'){
        throw new TypeError ("arguments[0] is not a function");
    }
    let arr = this;
    for(let i = 0; i < arr.length; i++){
        if(fn.call(context, arr[i], i, arr)){
            return arr[i];
        }
    }
    return undefined;
}

四、实现findIndex方法

// arr.findIndex(function(item, index, arr), context)
Array.prototype.myFindIndex = function (fn, context) {
    if(typeof fn !== 'function'){
        throw new TypeError("arguments[0] is not a function");
    }
    let arr = this;
    for(let i = 0; i < arr.length; i++){
        if(fn.call(context, arr[i], i, arr)){
            return i;
        }
    }
    return -1;
}