filter()、find()的用法

59 阅读 0 评论 39 点赞

我是靠谱客的博主顺心音响，最近开发中收集的这篇文章主要介绍filter()、find()的用法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

filter用法：
讲解一个很实用的JS小语法 filter。

就是从数组中找到适合条件的元素（比如说大于某一个元素的值）,var arr=[1,23,5,78,34,55,13];找到大于23的所有元素，

下面是传统的解决思路，就是用$.each(),这种用法，代码:
	var max23=[];
	$.each(arr,function(index,value){

		if(value>23)

			max23.push(value)

	});
 这种解决方法感觉比较慢如果有个几万个数据再这样一条条查找效率肯定很低
下面看一种JS数组的Fliter 这个新属性方法，下面是代码：
	arr.filter(function(element,pos){

		return element>23

})

filter()和find()使用区别：
首先 我们看.find()方法：
如今有一个页面，里面HTML代码为;
<div class="css">
     <p class="rain">测试1</p>
</div>
<div class="rain">
     <p>测试2</p>
</div>
假设我们使用find()方法：
var $find = $("div").find(".rain");
alert( $find.html() ) ;
alert( $find.html() ) ;
将会输出：
 

假设使用filter()方法：
var $filter = $("div").filter(".rain");
alert( $filter.html() );
alert( $filter.html() );
将会输出：
 

或许你已经看出它们的差别了。
find()会在div元素内 寻找 class为rain 的元素。
而filter()则是筛选div的class为rain的元素。
一个是对它的子集操作，一个是对自身集合元素筛选。
另外find()事实上还能够用选择器表示:
var $select = $("div .rain");