原生js源码之Array数组some方法

缺乏、安全感 2021-07-25 02:53 466阅读 0赞

# **有时候遇到兼容问题，有的方法用不了，今天就some方法自己来实现一个，方便使用**。 #

`some()` 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值，如果通过了则返回true，未通过返回false。

下面看代码：

var arr = [1,2,25,100,60,37]
    Array.prototype.mySome=function(callback){
    	//如果没有传入回调函数，则报错
    	if(!callback) throw new TypeError('undefined is not a function');
    	if (typeof callback !== 'function') {//传入的不是函数也报错
          throw new TypeError(callback + " is not a function");
        }
    	for(var i=0,len=this.length;i<len;i++){
    		if(callback(this[i],i,this)){//如果回调函数的返回值为true ，则终止循环，返回true
    			return true;
    		}
    	}
    	return false;//最终没有匹配到就返回false
    }
    var ret=arr.mySome(function(item,index,thisArr){
    	console.log(item,index,thisArr);
    	return item>10
    });
    console.log(ret);

测试一下:

1 0 (6) [1, 2, 25, 100, 60, 37]
    2 1 (6) [1, 2, 25, 100, 60, 37]
    25 2 (6) [1, 2, 25, 100, 60, 37]
    true

看到数组的第3个元素25是大于10的，不需要遍历所有元素，看到打印了3次便跳出，并打印最终的返回true，目前看来是达到了预期的效果。

再来测试一下不传参数：

var arr = [1,2,25,100,60,37]
    Array.prototype.mySome=function(callback){
    	//如果没有传入回调函数，则报错
    	if(!callback) throw new TypeError('undefined is not a function');
    	if (typeof callback !== 'function') {//传入的不是函数也报错
          throw new TypeError(callback + " is not a function");
        }
    	for(var i=0,len=this.length;i<len;i++){
    		if(callback(this[i],i,this)){//如果回调函数的返回值为true ，则终止循环，返回true
    			return true;
    		}
    	}
    	return false;//最终没有匹配到就返回false
    }
    var ret=arr.mySome();
    console.log(ret);

输出：

Uncaught TypeError: undefined is not a function

然后再测传入的不是函数：

var arr = [1,2,25,100,60,37]
    Array.prototype.mySome=function(callback){
    	//如果没有传入回调函数，则报错
    	if(!callback) throw new TypeError('undefined is not a function');
    	if (typeof callback !== 'function') {//传入的不是函数也报错
          throw new TypeError(callback + " is not a function");
        }
    	for(var i=0,len=this.length;i<len;i++){
    		if(callback(this[i],i,this)){//如果回调函数的返回值为true ，则终止循环，返回true
    			return true;
    		}
    	}
    	return false;//最终没有匹配到就返回false
    }
    var ret=arr.mySome(11);
    console.log(ret);

输出：

Uncaught TypeError: 11 is not a function

可以看到能够正常的检测出没有传回调函数或者回调不是Function的情况。

测试空数组的话，一直返回false，完成收工！

发表评论取消回复

表情：

评论列表（有 0 条评论，466人围观）

还没有评论，来说两句吧...

相关阅读

相关 js的array.some()方法

定义和用法 some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。 some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式

骑猪看日落/ 2021年08月27日 13:19/ 0 赞/ 334 阅读

相关原生js源码之Array数组some方法

有时候遇到兼容问题，有的方法用不了，今天就some方法自己来实现一个，方便使用。 `some()` 方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的

缺乏、安全感/ 2021年07月25日 02:53/ 0 赞/ 467 阅读

相关原生js源码之JavaScript的apply方法

apply方法与call方法非常的相似，call的话是可以多个参数的，apply就只能最多2个参数，第一个参数都是绑定对象，第2个则是一个参数列表，语法如下： Funct

梦里梦外;/ 2021年07月25日 01:09/ 0 赞/ 387 阅读

相关原生js源码之Array数组filter方法

`filter` 方法创建一个新数组, 包含通过所提供函数实现的测试的所有元素。语法： var newArray = arr.filter(callb

╰半橙微兮°/ 2021年07月25日 00:48/ 0 赞/ 527 阅读

相关原生js源码之Array数组reverse方法

`reverse`方法将数组中元素的位置颠倒，并返回该数组。数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。该方法会改变原数组。语法：arr.reve

怼烎@/ 2021年07月24日 23:10/ 0 赞/ 423 阅读

相关原生js源码之Array数组的every方法

`every `方法测试一个数组内的所有元素是否都能通过某个指定函数的测试，全部通过测试就返回true，一旦有一个元素不通过测试则立马返回false。下面自己实现一

ゞ浴缸里的玫瑰/ 2021年07月24日 21:45/ 0 赞/ 435 阅读

相关原生js源码之Object.keys()方法

`Object.keys()` 方法会返回一个由一个给定对象的自身可枚举属性组成的数组。语法： Object.keys(obj) 参数obj：需要枚举

╰半橙微兮°/ 2021年07月24日 17:55/ 0 赞/ 486 阅读

相关原生js源码之Object.values方法

`Object.values()`方法返回一个给定对象自身的所有可枚举属性值的数组。模仿一个 Object.prototype.myValues=fu

╰半橙微兮°/ 2021年07月24日 17:31/ 0 赞/ 456 阅读

相关原生js源码之Array的reduce方法

`reduce`方法对数组中的每个元素执行一个由您提供函数，将其结果汇总为单个返回值。语法： arr.reduce(callback(accumula

淩亂°似流年/ 2021年07月24日 16:13/ 0 赞/ 422 阅读

相关原生js源码之Array数组map方法

`map` 方法创建一个新数组，其结果是该数组中的每个元素是执行一次提供的函数后的返回值。语法： var new\_array = arr.map(callb

た入场券/ 2021年07月24日 12:45/ 0 赞/ 431 阅读