JS数组迭代方法重构

最新推荐文章于 2022-10-12 10:20:12 发布

Waghhhh

最新推荐文章于 2022-10-12 10:20:12 发布

阅读量124

点赞数

文章标签： javascript html5 html

本文链接：https://blog.csdn.net/Waghhhh/article/details/120186660

版权

这篇博客介绍了如何使用JavaScript实现Array的自定义方法，包括myEvery（所有元素满足条件才返回true）、mySome（只要有一个元素满足条件就返回true）、myMap（映射数组元素并返回新数组）和myFilter（过滤出符合条件的元素）。这些方法都考虑了函数接收的第二个参数obj，用于改变函数内部的this指向。

摘要由CSDN通过智能技术生成

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

Array.prototype.myEvery=function(fun,obj){
    for(var i=0;i<this.length;i++){
        if(!(obj?fun.bind(obj)(this[i]):fun(this[i]))){
        return false
        } //如果有obj传入，需要修改this指向
           
    }
    return true
};
var arr=[1,2,3,4,5];
var result=arr.myEvery(function(item,index,arr){
    console.log(this) //有第二个参数,this指向第二个参数
    return item>1  //一项条件不满足 直接返回false
},{name:'text',age:1}) //第二个参数可以是任意数据类型)
console.log(result)

结果：

(2)mysome 如果有一项满足直接返回true,不再往后判断,直接返回true

Array.prototype.mySome=function(fun,obj){
    for(var i=0;i<this.length;i++){
        if((obj?fun.bind(obj)(this[i]):fun(this[i]))){
            return true
        }
    }
        return false
    };
    var arr=[1,2,3,4,5];
    var result=arr.mySome(function(item,index,arr){
        console.log(this) //有第二个参数,this指向第二个参数；这里this打印两次,首先没有执行条件前，打印了一次，后面数组项1不满足条件再打印一次，数组项2满足条件直接跳出判断不打印
        return item>1  //一项满足 直接返回true
},{name:'text',age:1}) //第二个参数可以是任意数据类型)
console.log(result)

结果：

(3)myMap 映射对每一项数组项进行操作，返回的是操作后的一个新数组

Array.prototype.myMap = function (fun, obj) {
    var result = [];
    for (i = 0; i < this.length; i++) {
        //obj?test():test2()
        result.push(obj ? fun.bind(obj)(this[i]) : fun(this[i]))
    }
    return result
    }
    var arr = [1, 2, 3, 4, 5];
    var result = arr.myMap(function (item, index, arr) {
        console.log(this)//没有第二个参数this指向全局对象node 里面是global html文档中指向window  //有第二个参数this指向第二个参数
        return item + 1
},{name:'text',age:1}) //第二个参数可以是任意数据类型)
console.log(result)

结果：

(4)myFilter 返回一个符合条件的新数组

Array.prototype.myFilter=function(fun,obj){
    var result=[];
    for(i=0;i<this.length;i++){
        if(obj?fun.bind(obj)(this[i]):fun(this[i])){
            result.push(this[i])
        }
    }
        return result
    }   

    var arr=[1,2,3,4,5];
    var result=arr.myFilter(function(item,index,arr){
        console.log(this)//global  //obj //打印五次
        return item>2 
},{name:'text',age:1}) //第二个参数可以是任意数据类型)
console.log(result)

结果：