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

╰半橙微兮° 2021-07-25 00:48 526阅读 0赞

### `filter` 方法创建一个新数组, 包含通过所提供函数实现的测试的所有元素。 ###

语法：

var newArray = arr.filter(callback(item,index,thisArr))

说明：

callback：测试函数

item：当前元素

index：当前索引

thisArr:调用了 `filter` 的数组本身

newArray：返回的新数组，包含所有通过测试的元素。

实现代码：

var arr = [1,3,5,7,9]
    Array.prototype.myFilter=function(callback){
    	//如果没有传入回调函数，则报错
    	if(!callback) throw new TypeError('undefined is not a function');
    	if (typeof callback !== 'function') {//传入的不是函数也报错
          throw new TypeError(callback + " is not a function");
        }
        var res=[];//定义返回的新数组
    	for(var i=0,len=this.length;i<len;i++){
    		if(callback(this[i],i,this)){//如果函数的返回true，则将当前元素push到返回数组中。
    			res.push(this[i]);
    		}
    	}
    	return res;//返回新数组
    }
    var res=arr.myFilter(function(item,index,thisArr){
    	return item>0
    });
    console.log(res);

运行：

(5) [1, 3, 5, 7, 9]

因数组全部都大于0，所有返回了测试数组的所有元素组成的新数组。

将测试函数中 return item>0 改成 return item>5，看结果：

(2) [7, 9]

再改成 return item>10

[]

### **已经达到想要的效果，完成！** ###

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

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

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

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

相关原生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源码之JavaScript的trim方法

trim方法是去除字符串头尾的空格，本文采用正则来处理。分析：获取前面的空格：^\\s\ 获取后面的空格：\\s\$ 组

青旅半醒/ 2021年07月24日 13:38/ 0 赞/ 375 阅读

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

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

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