迭代方法重构every、filter、some、映射map

最新推荐文章于 2025-12-08 09:18:56 发布

原创最新推荐文章于 2025-12-08 09:18:56 发布 · 212 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #node.js #map

这篇博客详细介绍了如何使用JavaScript重写数组的四个迭代方法：myEvery用于检查所有元素是否满足条件，myFilter用于筛选满足条件的元素生成新数组，mySome用于检查是否有元素满足条件，myMap则用于对数组元素进行操作并返回新数组。每个方法都考虑了函数的上下文对象，并通过bind方法确保正确调用。

1.迭代方法重构every

如果有不满足的直接返回false,不再继续往后判断。如果全部满足，返回true

let arr = [1,2,3,4,5];
Array.prototype.myEvery=function(fun,obj){
    for(i=0;i<arr.length;i++){
        //this -- arr
        if(!(obj?fun.bind(obj)(this[i]):fun(this[i]))){
            return false
        }
    }
    return true
}
let result=arr.every(function(item,index,arr){
    console.log(this); //只有一个参数，this指向global，加了第二个参数，指向他,this的指向被修改
    return item>1
},{name:'zs'});
console.log(result);

2.迭代方法重构filter 返回满足条件的新数组

Array.prototype.myFilter=function(fun,obj){
    let result=[];
    for(i=0;i<arr.length;i++){
        if(obj?fun.bind(obj)(this[i]):fun(this[i])){
            result.push(this[i])
        }
    }
    return result
}
let arr = [1,2,3,4,5];
let result=arr.myFilter(function(item,index,arr){
    console.log(this);
    return item>1
},{name:'zs'});
console.log(result);

3.迭代方法重构some 如果有一项满足直接返回true,不再往后判断,直接返回true

let arr = [1,2,3,4,5];
Array.prototype.mySome=function(fun,obj){
    for(i=0;i<arr.length;i++){
        if(obj?fun.bind(obj)(this[i]):fun(this[i])){
            return true
        }
    }
    return false
}
let result=arr.mySome(function(item,index,arr){
    console.log(this);
    return item>1
},{name:'zs'});
console.log(result);

4.重构映射map 对每一项数组项进行操作，返回的是操作后的一个新数组

Array.prototype.myMap=function(fun,obj){
    let result=[];
    for(i=0;i<arr.length;i++){
        result.push(obj?fun.bind(obj)(this[i]):fun(this[i]))
    }
    return result
}
let arr = [1,2,3,4,5];
let result=arr.myMap(function(item,index,arr){
    console.log(this);
    return item+1
},{name:'zs'});
console.log(result);