es5数组拓展，Filter过滤方法

你的名字 2022-04-04 14:54 515阅读 0赞

Filter方法详解：

> array.filter(function(currentValue,index,arr), thisValue);该方法与forEach()类似，也是接受两个参数，一个是数组中每个元素调用的函数，另一个是该函数内的this指向，如果不传默认是window,传指了就指向该值。但也forEach()不同的是，函数需要返回true/false来过滤数组，将是true的元素拿出来。

上代码：

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>数组扩展</title>
    </head>
    <body>
    <ul>
    	<li></li>
    	<li></li>
    	<li></li>
    	<li></li>
    </ul>
    
    <script>
    	// forEach 遍历数组
    	var personArr = [
    		{name:'王一',des:'有病',sex:'m'},
    		{name:'王二',des:'有钱',sex:'f'},
    		{name:'王三',des:'有才',sex:'f'},
    		{name:'王四',des:'有病',sex:'m'},
    	];
    
    	//实现原理
    	Array.prototype.myFilter = function(fn){
    		var _arr = this,len = _arr.length,param2 = arguments[1] || window,newArr = [];
    		for(var i = 0; i < len; i++){
    			fn.apply(param2,[_arr[i],i,_arr]) ? newArr.push(_arr[i]) : '';//根据返回的true/false来存放数组
    		}
    
    		return newArr
    	}
    	
    	var newArr = personArr.myFilter(function(ele,index,self){
    		return ele.sex == 'm';
    	},{name:'tac'})
    	
    
    </script>
    	
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 filter：过滤数组元素

`filter()` 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。不会改变原数组。 //现在你想过滤掉arr数组里面的22 ...

约定不等于承诺〃/ 2024年04月18日 16:37/ 0 赞/ 88 阅读

相关数组过滤filter函数

array.filter() 数组过滤元素，可以将数组中不符合的元素去掉，返回一个新数组。 filter函数接受一个回调函数，把回调函数依次作用于元素回调函数的第一个参数

港控/mmm°/ 2023年06月10日 06:24/ 0 赞/ 30 阅读

相关数组forEach方法详解，拓展map、filter、some、every，以及ES6的find和findIndex方法

Array.prototype.forEach() `forEach()` 方法对数组的每个元素执行一次给定的函数。函数返回值为undefined 语法： >

痛定思痛。/ 2023年01月16日 15:29/ 0 赞/ 133 阅读

相关 es6 filter() 数组过滤方法总结

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdu

Dear 丶/ 2022年12月03日 13:16/ 0 赞/ 361 阅读

相关 JavaScript 数组操作方法和 ES5数组拓展

JavaScript中数组有各种操作方法，以下通过举例来说明各种方法的使用：数组操作方法 push 在数组最后添加一个元素 var arr=[3,

╰半夏微凉°/ 2022年04月24日 10:50/ 0 赞/ 298 阅读

相关 es5数组拓展，Every 比较（逻辑或）方法，Some比较（逻辑与）方法

every()方法详解： > every()方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。every()方法使用指定函数检测数组中的所有元素：如果数组中检测到有

向右看齐/ 2022年04月04日 15:13/ 0 赞/ 239 阅读

相关 es5数组拓展，map映射方法

map()方法的详解： > array.map(function(currentValue,index,arr), thisValue);传参与forEach或者Filter

比眉伴天荒/ 2022年04月04日 14:58/ 0 赞/ 431 阅读

相关 es5数组拓展，Filter过滤方法

Filter方法详解： > array.filter(function(currentValue,index,arr), thisValue);该方法与forEach()类似

你的名字/ 2022年04月04日 14:54/ 0 赞/ 516 阅读

相关 es5数组拓展，forEach遍历方法

forEach方法的详解： > array.forEach(function(currentValue, index, arr), thisValue);该方法接受两个参数，

小灰灰/ 2022年04月04日 14:22/ 0 赞/ 371 阅读

相关 es5 数组方法

ES5 数组方法的扩展数组对象.forEach(function(item,index){}); 数组对象.map(function(i

╰半夏微凉°/ 2021年07月24日 14:34/ 0 赞/ 529 阅读