首页 > 代码库 > js filter用法比较

js filter用法比较

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

就是从数组中找到适合条件的元素(比如说大于某一个元素的值)

var arr=[1,23,5,78,34,55,13];

如何才能找到大于23的所有元素呢, 

1,下面是传统的解决思路,就是用$.each(),这种用法,先不说这种用法好不好,先看代码:

var max23=[];

$.each(arr,function(index,value){if(value>23){ max23.push(value)}});

然后在console中输入max23 输出值如下:

 

 结果一目了然,这种解决方法感觉比较慢如果有个几万个数据再这样一条条查找效率肯定很低,有没有其他的解决办法了呢

2,下面看一种JS数组的Fliter 这个新属性方法能不能带来质的改变呢

下面是代码:

arr.filter(function(element,pos){return element>23})

在console中运行可以直接看到:

哈,现在大家看大filter的厉害了吧,主要是filter中的callback 函数直接返回了所有符合条件的函数,下面给大家看个测试的小例子,大家看返回什么值,若果你猜对了,那么filter以后就会用了,

function whatDoesItDo(arr){
 
return arr.filter(function(elem, pos) {
return arr.indexOf(elem) == pos;
});
 
};
 
试试效果,js就是这么神奇
我是Rhino ,欢迎大家加我博客,交流

js filter用法比较