blocks|key|231782|text|它们的功能相似，但它们的用法不同。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|231783|filter函数旨在与html元素一起使用，这就是为什么它是一个可链接的函数，它返回一个jQuery对象，并接受":even“、":odd”或":visible“等过滤器。|231784|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>They both function in similar ways however they differ in their usages. </p>

<p>The filter function is intended to be used with html elements, and that is why it is a chainable function that returns a jQuery object and it accepts filters like ":even", ":odd" or ":visible" etc. You can't do that with the grep function, which is intended to be a utility function for arrays. </p>


blocks|key|234203|text|过滤器是jQuery.fn的一部分，因此它的目标是与选择器$('div').filter一起使用，其中grep是一种通用工具方法(+jQuery+tool+method，jQuery.grep)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|234204|entityMap^0|T|F|2D|B|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>Filter is part of jQuery.fn so it's aim is to be used with selector <code>$('div').filter</code> where grep is a jQuery tool method (<code>jQuery.grep</code>)</p>


blocks|key|2891902|text|其用法的不同之处：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2891903|过滤器：|2891904|2891905|+$(选择器).filter(选择器/函数)|blockquote|2891906|2891907|2891908|Grep：|2891909|2891910|+$.grep(数组，函数，反转)|2891911|2891912|2891913|所以在你的例子中，我更愿意使用grep()，因为这样使用数组是不必要的：$(arr)。|offset|length|style|CODE|2891914|我还假设grep函数更快，因为它只接受数组。|2891915|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|F|6|10|6|0|4|4|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|13|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|16|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|M|3|N|5|G|7|18|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1B|8|@$S|1C|T|1D|U|V]|$S|1E|T|1F|U|V]]|9|@]|A|$]]|$1|W|3|X|5|6|7|1G|8|@$S|1H|T|1I|U|V]]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|Z|$]]

<p>The difference in its usage:</p>

<p>Filter:</p>

<blockquote>
<pre><code>$(selector).filter(selector/function)
</code></pre>
</blockquote>

<p>Grep:</p>

<blockquote>
<pre><code>$.grep(array,function,invert)
</code></pre>
</blockquote>

<p>So in your case I would rather use <code>grep()</code> because using array this way is unnecessary: <code>$(arr)</code>.</p>

<p>I also suppose that <code>grep</code> function is faster, because it only accepts arrays.</p>


blocks|key|2891974|text|对于那些对grep在filter上的表现感兴趣的人，我写了这个测试：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2891975|TLDR;+Grep的速度要快很多倍。|BOLD|2891976|我用来测试的脚本：|2891977|​|2891978|function+test(){
var+array+=+[];
for(var+i+=+0;+i<1000000;+i%2B%2B)
{
array.push(i);
}

var+filterResult+=+[]
for+(var+i+=+0;+i+<+1000;+i%2B%2B){
var+stime+=+new+Date();
var+filter+=+array.filter(o+=>+o+==+99999);
filterResult.push(new+Date()+-+stime);
}

var+grepResult+=+[];
var+stime+=+new+Date();
var+grep+=+$.grep(array,function(i,o){
return+o+==+99999;
});
grepResult.push(new+Date()+-+stime);

$('p').text('average+filter+-+'%2B(filterResult.reduce((pv,cv)=>{+return+pv+%2Bcv},0)/1000))
$('div').text('average+grep+-+'%2B(grepResult.reduce((pv,cv)=>{+return+pv+%2B+cv},0)/1000))
}
test();|code-block|syntax|javascript|2891979|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p></p>
<div></div>|2891980|2891981|entityMap^0|5|4|A|6|0|0|5|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@$9|12|A|13|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|14|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|15|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|16|8|@]|D|@]|E|$P|Q]]|$1|R|3|S|5|O|7|17|8|@]|D|@]|E|$P|Q]]|$1|T|3|L|5|6|7|18|8|@]|D|@]|E|$]]|$1|U|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|V|$]]

<p>To those that are interested on how <code>grep</code> performs against <code>filter</code> I wrote this test:</p>

<p><strong>TLDR;</strong> Grep is many times faster.</p>

<p>Script I used for testing:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function test(){
var array = [];
for(var i = 0; i&lt;1000000; i++)
{
array.push(i);
}

var filterResult = []
for (var i = 0; i &lt; 1000; i++){
var stime = new Date();
var filter = array.filter(o =&gt; o == 99999);
filterResult.push(new Date() - stime);
}

var grepResult = [];
var stime = new Date();
var grep = $.grep(array,function(i,o){
return o == 99999;
});
grepResult.push(new Date() - stime);

$('p').text('average filter - '+(filterResult.reduce((pv,cv)=&gt;{ return pv +cv},0)/1000))
$('div').text('average grep - '+(grepResult.reduce((pv,cv)=&gt;{ return pv + cv},0)/1000))
}
test();</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;p&gt;&lt;/p&gt;
&lt;div&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|232794|text|@Matas+Vaitkevicius，发布的代码片段显示了错误，以下是更正后的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|232795|​|232796|function+test(){
var+array+=+[];
for(var+i+=+0;+i<1000000;+i%2B%2B)
{
++++array.push(i);
}

var+filterResult+=+[]
for+(var+i+=+0;+i+<+1000;+i%2B%2B){
++++var+stime+=+new+Date();
++++var+filter+=+array.filter(o+=>+o+==+99999);
++++filterResult.push(new+Date()+-+stime);
}

var+grepResult+=+[];
for+(var+i+=+0;+i+<+1000;+i%2B%2B){
++++var+stime+=+new+Date();
++++var+grep+=+$.grep(array,function(i,o){
++++++++return+o+==+99999;
++++});
++++grepResult.push(new+Date()+-+stime);
}

$('p').text('average+filter+-+'%2B(filterResult.reduce((pv,cv)=>{+return+pv+%2Bcv},0)/1000))
$('div').text('average+grep+-+'%2B(grepResult.reduce((pv,cv)=>{+return+pv+%2B+cv},0)/1000))
}
test();|code-block|syntax|javascript|232797|<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p></p>
<div></div>|232798|232799|TLDR+:在火狐中，过滤器稍微快一些，在chrome中，情况正好相反。仅就性能而言，您可以使用任何人。|offset|length|style|BOLD|232800|entityMap^0|0|0|0|0|0|0|6|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|V|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|Y|8|@$N|Z|O|10|P|Q]]|9|@]|A|$]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

<p>@Matas Vaitkevicius, the code snippet posted presents errors, here is a corrected one:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>function test(){
var array = [];
for(var i = 0; i&lt;1000000; i++)
{
    array.push(i);
}

var filterResult = []
for (var i = 0; i &lt; 1000; i++){
    var stime = new Date();
    var filter = array.filter(o =&gt; o == 99999);
    filterResult.push(new Date() - stime);
}

var grepResult = [];
for (var i = 0; i &lt; 1000; i++){
    var stime = new Date();
    var grep = $.grep(array,function(i,o){
        return o == 99999;
    });
    grepResult.push(new Date() - stime);
}

$('p').text('average filter - '+(filterResult.reduce((pv,cv)=&gt;{ return pv +cv},0)/1000))
$('div').text('average grep - '+(grepResult.reduce((pv,cv)=&gt;{ return pv + cv},0)/1000))
}
test();</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;p&gt;&lt;/p&gt;
&lt;div&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p><strong>TLDR :</strong> In firefox, filter is slightly faster, in chrome, that's the opposite. Regarding performances only, you can use anyone.</p>


<p>I was wondering about the differences between Grep and Filter :</p>

<p>Filter : </p>

<blockquote>
  <p>Reduce the set of matched elements to those that match the selector or
  pass the function's test.</p>
</blockquote>

<p>Grep : </p>

<blockquote>
  <p>Finds the elements of an array which satisfy a filter
  function. The original array is not affected.</p>
</blockquote>

<p><strong>ok.</strong></p>

<p>so if I do this in GREP :</p>

<pre><code>var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];

myNewArray= jQuery.grep(arr, function(n, i){
  return (n != 5 &amp;&amp; i &gt; 4);
});
</code></pre>

<p>I could do also : </p>

<pre><code> var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];

myNewArray= $(arr).filter( function(n, i){
  return (n != 5 &amp;&amp; i &gt; 4);
});
</code></pre>

<p>In both situations I still can access to the original array...</p>

<p>so...where is the difference ?</p>


Grep vs Filter in jQuery?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我想知道Grep和Filter之间的区别：过滤器：将匹配的元素集减少为与选择器匹配的元素或通过函数的测试。Grep：查找满足过滤函数的数组元素。原始数组不受影响。好的。因此，如果我在GREP中执行此操作：var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];myNewArray= jQuery.grep(arr, function(n,

问在jQuery中Grep vs Filter？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中Grep vs Filter？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中Grep vs Filter？
EN