JavaScript-filter手写原理

会给我晚安吗

于 2022-08-28 19:47:59 发布

阅读量271

点赞数 8

CC 4.0 BY-SA版权

分类专栏：手写js 文章标签： javascript 开发语言面试前端 idea

本文链接：https://blog.csdn.net/weixin_59554510/article/details/126573444

手写js 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了JavaScript中数组的filter方法，并通过实例代码展示了如何实现自定义的filter方法myFilter。通过对每个元素进行条件判断，将符合条件的元素收集到新数组中返回。

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

大家好，今天继续给大家带来关于数组的方法，今天要介绍的是filter过滤的数组，大家知道这个数组跟前面我们讲的非常的类似，所以今天我们就长话短说，直接写准备的代码：

let arr=[1,2,3,4,5,6,7];
let result=arr.filter((item,index,array)=>{
return item>3    
})

上面就是我们准备的代码，下面我们把filter换成我们自己的代码，来写一下（myFilter）：

;(function(){
    Array.prototype.myFilter=function myFilter(fn){
            let newArray=[]
            for(let i=0;i<this.length;i++){
                let res=fn(this[i],i,this)
                if(res)newArray.push(this[i])            
            }
            return newArray;
    }
}())

上面我们就完成了代码的编写模拟，我们讲一下今天跟昨天不一样的地方，因为filter返回的是符合条件的数组，所以我们需要将符合条件的push进符合条件的新数组，所以就有了第6行，剩下的跟昨天就类似啦，今天的内容非常简单，大家好好理解一下，不会的可以私信我哦，喜欢的点个赞万分感谢！！！