es5数组拓展，Filter过滤方法

最新推荐文章于 2023-08-24 12:04:48 发布
最新推荐文章于 2023-08-24 12:04:48 发布
阅读量1.4k 收藏
点赞数
分类专栏： js 文章标签： 数组

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
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES5新增数组的实现方法
11-20
1、静态方法 isArray(): Array.isArray() // Array.isArray方法返回一个布尔值，表示参数是否为数组。 // 它可以弥补typeof运算符的不足。 var arr = [1, 2, 3]; console.log(typeof arr); // "object" Array.isArray(arr) // true // 上面代码中，typeof运算符只能显示数组的类型是Object， // 而Array.isArray方法可以识别数组。 2、实例（对象）方法 map()： map方法将数组的所有成员依次传入参数函数，然后把每一次的执行结果组成一个新
ES5中的数组方法forEach()、map()、filter()、some()、every()
weilongjj的博客
03-11 279
一：forEach()
ES5的filter方法，你真的会用吗？
weixin_33937499的博客
01-18 337
前言：2018/1/18 12:24 第一次在掘金发表文章，收获这么多赞挺意外的，感谢大家赏脸[拜谢]。因工作繁忙，本周有空会继续补充更新该文章的，喜欢的可以通过点赞或收藏跟进动态啦。再次感谢[鞠躬]~! 1/19 18:35 更新： 1.评论区老铁们说的数组去重的set的实现模式，字符串去重； 2.增加filter + map搭配使用的场景引入(其实我想说的重点是这个[捂脸])； 3.滋润...
JS高级02：ES5数组新增方法、函数、闭包
Java修炼者的博客
10-27 519
ES5数组新增了filter、map、some、every这几个方法。
【ES5】 新增方法概述 —— forEach() - filter() - some() - map() - trim() - Object.defineProperty()
weixin_60297362的博客
01-19 458
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、数组方法1.forEach1.1 写法1.2 特点1.3 案例2. filter2.1 写法2.2 特点2.3 案例3. some3.1 写法3.2 特点3.3 案例3.4 filter与some的区别4. map4.1 写法4.2 特点4.3 案例二、字符串方法1. trim1.1 写法1.2 特点1.3 案例三、对象方法Object.defineProperty()写法案例1案例2总结 前言 ES5中给我们新增了一些方
ES5中的新增方法
m0_45659764的博客
05-27 328
3. ES5中的新增方法 3.2 数组方法 迭代（遍历）方法：forEach()、map()、filter()、some()、every() array.forEach(function(currentValue,index,arr){ }) currentValue：数组当前项的值 index：数组当前项的索引 arr：数组对象本身 1.forEach <script> // forEach 迭代(遍历) 数组 var arr = [1,.
es5新增数组函数：过滤和汇总
qq_48648782的博客
07-06 390
5.5.5 filter 过滤： 【1】功能：复制出数组中符合要求的个别元素，放入新数组中返回 【2】如何使用： var 新数组=数组.filter( function(当前元素值, 当前下标i, 当前数组){ return 判断当前元素值是否符合要求 } ) 【3】原理 ​ i：先创建一个新的空数组等待 ​ ii：filter内部自带for循环，会自动遍历原数组中给的每个元素 ​ iii：每遍历一个元素就会自动调用一次回调函数 ​ iv：每次调用回调函数时都会自动传入
JavaScript：es5的数组高阶函数介绍及应用、es5严格模式、es6入门
look857857的博客
04-01 955
JavaScript：es5的数组高阶函数介绍及应用、es5严格模式、es6入门
JS数组及对象遍历方法代码汇总
11-20
文中的范例基于以下...1. javascript遍历的常用的遍历方法是for循环和for-in，ES5的时候加上了forEach方法（IE9以下不支持）。 /****js原生遍历****/ //for循环遍历数组 for(var i=0;i<arrTmp.length;i++){ con
带你学习ES5中新增的方法
01-08
数组方法2.1 forEach跟jQuery的each用法类似。语法是：2.2 map()2.3 filter()2.4 some()2.5 every()2.6 isArray()3. 字符串方法4. 对象方法总结 1. ES5中新增了一些方法，可以很方便的操作数组或者字符串，这些方法...
js代码-es5 reduce 实现 filter 方法
07-16
js代码-es5 reduce 实现 filter 方法
ES5常见的数组方法：forEach ，map ，filter ，some ，every ，reduce
最新发布
pckzzy102的博客
08-24 199
也可以理解成：forEach() 的返回值是 undefined。如果你需要通过 forEach 修改原数组，建议用 forEach 里面的参数 2 和参数 3 来做。forEach()方法需要一个回调函数（这种函数，是由我们创建但是不由我们调用的）作为参数。遍历数据并返回一个新的数组，对数据的处理会返回原先对应的位置。如果有符合条件的记录，则返回真，否则返回假。如果每一个都符合条件，则返回真，否则返回假。第二个参数，就是当前正在遍历的元素的索引。第一个参数，就是当前正在遍历的元素。
Javascript的重要版本之一——ES5新特性总结
小宇，要努力敲代码
03-03 668
ECMAScript 5.1 (或仅 ES5) 是ECMAScript(基于JavaScript的规范)标准的修正。 与HTML5规范进程本质类似，ES5通过对现有JavaScript方法添加语句和原生ECMAScript对象做合并实现标准化。
ES5常见的数组方法：forEach ，map ，filter ，some ，every ，reduce (除了forEach，其他都有回调，都有return)
bieyezhongcai的博客
08-24 109
也可以理解成：forEach() 的返回值是 undefined。如果你需要通过 forEach 修改原数组，建议用 forEach 里面的参数 2 和参数 3 来做。forEach()方法需要一个回调函数（这种函数，是由我们创建但是不由我们调用的）作为参数。遍历数据并返回一个新的数组，对数据的处理会返回原先对应的位置。如果有符合条件的记录，则返回真，否则返回假。如果每一个都符合条件，则返回真，否则返回假。第二个参数，就是当前正在遍历的元素的索引。第一个参数，就是当前正在遍历的元素。
javascriptES5 中 filter()选择方法
weixin_44638167的博客
09-28 1445
filter() array.filter(function(currentValue, index, arr)) filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组 注意它直接返回一个新数组 currentValue: 数组当前项的值 index：数组当前项的索引 arr：数组对象本身 <script> var arr=[50,86,12,10,0,38,12]; var arr1=[];
【javascript】es5、es6常用语法
qq_22849251的博客
07-06 526
1.数组 let a = [1, 2, 3, 4, 5, 6, 7] 1.1 forEach 遍历数组，无返回值，不改变原数组 a.forEach((value,index,arr)=>{ console.log(value,index,arr) // 不能使用continue，可使用return代替 }) 1.2 map 遍历数组，返回一个新数组，不改变原数组 let b = a.map(e=>{ return e*2}) //返回一个新的数组，原数组不变 //[2
ES5中的新增方法：filter
weixin_44790446的博客
05-26 529
array.filter(function(currentValue,index,arr)) filter()方法创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素，主要用于筛选数组，注意它直接返回一个新数组 currentValue：数组当前项的值 index：数组当前项的索引 arr：数组对象本身 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8".
ES5-Array-filter
weixin_33935777的博客
11-23 227
filter方法用于过滤数组成员，满足条件的成员组成一个新数组返回(新数组长度可能会变)。用法跟map极为相似（map新数组长度不会变）。 filter也要有return。 语法 var new_array = arr.filter(callback, thisArg) 复制代码它的第一个参数是一个函数，所有数组成员依次执行该函数，返回结果为true的成员组成一个新数组返回。 注意：该方法不...
JavaScript--ES5数组新增方法（forEach、filter、every、some、reduce、reduceRight）的用法与原码实现
weixin_40122996的博客
09-01 1249
ES5数组方法（forEach、filter、every、some、map、reduce、reduceRight）的用法 在讲原码实现之前先各个API的用法,这里我先放一个数组，以便后续使用~~ &amp;amp;amp;amp;lt;script&amp;amp;amp;amp;gt; var dataArr = [ {name: &amp;amp;amp;quot;John&amp;amp;amp;quot;, des: '全网最帅'
es5数组对象判断重复
08-09
在ES5中，可以使用循环和条件语句来判断一个数组中是否存在重复元素。以下是一个示例代码： ```javascript function hasDuplicates(arr) { for (var i = 0; i ; i++) { for (var j = i + 1; j ; j++) { if (arr...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值