blocks|key|76033|text|一个使用indexBy()和at()的简明的lodash解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|76034|//+loDash+4
_.chain(collections)
+.keyBy('id')
+.at(ids)
+.value();

//+below+loDash+4
_(collections)
+.indexBy('id')
+.at(ids)
+.value();|code-block|syntax|javascript|76035|entityMap|0|LINK|mutability|MUTABLE|url|https://lodash.com/docs#indexBy|1|https://lodash.com/docs#at^0|4|9|0|E|4|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]]]

A concise lodash solution that uses <a href="https://lodash.com/docs#indexBy" rel="nofollow noreferrer">indexBy()</a> and <a href="https://lodash.com/docs#at" rel="nofollow noreferrer">at()</a>.
<pre><code>// loDash 4
_.chain(collections)
 .keyBy('id')
 .at(ids)
 .value();

// below loDash 4
_(collections)
 .indexBy('id')
 .at(ids)
 .value();
</code></pre>

blocks|key|293274|text|我们也可以像这样过滤|type|unstyled|depth|inlineStyleRanges|entityRanges|data|293275|var+collections+=+[{+id:+1,+name:+'xyz'+},
++++++++++++{+id:+2,++name:+'ds'+},
++++++++++++{+id:+3,++name:+'rtrt'+},
++++++++++++{+id:+4,++name:+'nhf'+},
++++++++++++{+id:+5,++name:+'qwe'+}];



++++++++var+filtered_ids+=+_.filter(collections,+function(p){
++++++++++++return+_.includes([1,3,4],+p.id);
++++++++});

++++++++console.log(filtered_ids);|code-block|syntax|javascript|293276|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

We can also filter like this

<pre><code>var collections = [{ id: 1, name: 'xyz' },
 { id: 2, name: 'ds' },
 { id: 3, name: 'rtrt' },
 { id: 4, name: 'nhf' },
 { id: 5, name: 'qwe' }];



 var filtered_ids = _.filter(collections, function(p){
 return _.includes([1,3,4], p.id);
 });

 console.log(filtered_ids);
</code></pre>

blocks|key|76150|text|这对我来说很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|76151|let+output+=+_.filter(collections,+(v)+=>+_.includes(ids,+v.id));|code-block|syntax|javascript|76152|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked great for me:

<pre><code>let output = _.filter(collections, (v) =&gt; _.includes(ids, v.id));
</code></pre>

blocks|key|293214|text|我喜欢jessegavin's+answer，但我使用lodash-deep对其进行了扩展，以实现深度属性匹配。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|293215|var+posts+=+[{+term:+{+name:+'A',+process:+'123A'+}+},+
+++++++++++++{+term:+{+name:+'B',+process:+'123B'+}+},+
+++++++++++++{+term:+{+name:+'C',+process:+'123C'+}+}];

var+result+=+_.filterByValues(posts,+'term.process',+['123A',+'123C']);
//+results+in+objects+A+and+C+to+be+returned|code-block|syntax|javascript|293216|jsFiddle|293217|_.mixin({
++++'filterByValues':+function(collection,+key,+values)+{
++++++++return+_.filter(collection,+function(o)+{
++++++++++++return+_.contains(values,+resolveKey(o,+key));
++++++++});
++++}
});

function+resolveKey(obj,+key)+{
++++return+(typeof+key+==+'function')+?+key(obj)+:+_.deepGet(obj,+key);
}|293218|如果您不信任lodash+deep，或者您希望支持名称中带有点的属性，这里有一个更具防御性和健壮性的版本：|293219|function+resolveKey(obj,+key)+{
++++if+(obj+==+null+%7C%7C+key+==+null)+{
++++++++return+undefined;
++++}
++++var+resolved+=+undefined;
++++if+(typeof+key+==+'function')+{
++++++++resolved+=+key(obj);
++++}+else+if+(typeof+key+==+'string'+)+{
++++++++resolved+=+obj[key];
++++++++if+(resolved+==+null+&&+key.indexOf(".")+!=+-1)+{
++++++++++++resolved+=+_.deepGet(obj,+key);
++++++++}
++++}
++++return+resolved;
}|293220|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/18830961/441662|1|https://github.com/marklagendijk/lodash-deep|2|http://jsfiddle.net/plantface/rw6jdkpg/^0|3|C|0|R|B|1|0|0|0|8|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]|$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|F|7|19|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1A|8|@]|9|@$A|1B|B|1C|1|1D]]|C|$]]|$1|K|3|L|5|F|7|1E|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|C|$]]|$1|O|3|P|5|F|7|1G|8|@]|9|@]|C|$G|H]]|$1|Q|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]|10|$5|T|U|V|C|$W|11]]]]

I like <a href="https://stackoverflow.com/a/18830961/441662">jessegavin's</a> answer, but I expanded on it using <a href="https://github.com/marklagendijk/lodash-deep" rel="nofollow noreferrer">lodash-deep</a> for deep property matching.

<pre class="lang-js prettyprint-override"><code>var posts = [{ term: { name: 'A', process: '123A' } }, 
 { term: { name: 'B', process: '123B' } }, 
 { term: { name: 'C', process: '123C' } }];

var result = _.filterByValues(posts, 'term.process', ['123A', '123C']);
// results in objects A and C to be returned
</code></pre>

<a href="http://jsfiddle.net/plantface/rw6jdkpg/" rel="nofollow noreferrer">jsFiddle</a>

<pre class="lang-js prettyprint-override"><code>_.mixin({
 'filterByValues': function(collection, key, values) {
 return _.filter(collection, function(o) {
 return _.contains(values, resolveKey(o, key));
 });
 }
});

function resolveKey(obj, key) {
 return (typeof key == 'function') ? key(obj) : _.deepGet(obj, key);
}
</code></pre>

If you don't trust lodash-deep or you want support for properties that have dots in their names, here's a more defensive and robust version:

<pre class="lang-js prettyprint-override"><code>function resolveKey(obj, key) {
 if (obj == null || key == null) {
 return undefined;
 }
 var resolved = undefined;
 if (typeof key == 'function') {
 resolved = key(obj);
 } else if (typeof key == 'string' ) {
 resolved = obj[key];
 if (resolved == null &amp;&amp; key.indexOf(".") != -1) {
 resolved = _.deepGet(obj, key);
 }
 }
 return resolved;
}
</code></pre>

blocks|key|293369|text|这些答案对我不起作用，因为我想过滤一个非唯一的值。如果你把keyBy改成groupBy，你还能过得去。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|293370|_(collections)
++.groupBy(attribute)
++.pick(possibleValues)
++.values()
++.flatten()
++.value();|code-block|syntax|javascript|293371|我最初的用途是丢弃东西，所以我用omit替换了pick。|293372|感谢Adam+Boduch提供的起点。|293373|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/33878221/1921234^0|T|5|10|7|0|0|G|4|N|4|0|2|B|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|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|O|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

These answers didn't work for me, because I wanted to filter on a non-unique value. If you change <code>keyBy</code> to <code>groupBy</code> you can get by.

<pre><code>_(collections)
 .groupBy(attribute)
 .pick(possibleValues)
 .values()
 .flatten()
 .value();
</code></pre>

My initial use was to drop things, so I switched out <code>pick</code> with <code>omit</code>.

Thanks <a href="https://stackoverflow.com/a/33878221/1921234">Adam Boduch</a> for the starting point.

blocks|key|76095|text|我注意到这些答案中的许多都过时了，或者包含Lodash文档中没有列出的辅助函数。接受的答案包括不推荐使用的函数_.contains，应该进行更新。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|76096|这就是我的ES6答案。|76097|基于Lodash+v4.17.4|76098|_.mixin(+{
++++filterByValues:+(+c,+k,+v+)+=>+_.filter(
++++++++c,+o+=>+_.indexOf(+v,+o[+k+]+)+!==+-1
++++)
}+);|code-block|syntax|javascript|76099|并按如下方式调用：|76100|_.filterByValues(
++++[
++++++++{
++++++++++++name:+'StackOverflow'
++++++++},
++++++++{
++++++++++++name:+'ServerFault'
++++++++},
++++++++{
++++++++++++name:+'AskDifferent'
++++++++}
++++],
++++'name',
++++[+'StackOverflow',+'ServerFault'+]
);

//+=>+[+{+name:+'StackOverflow'+},+{+name:+'ServerFault'+}+]|76101|entityMap|0|LINK|mutability|MUTABLE|url|https://lodash.com/docs/4.17.4^0|1J|A|0|0|2|E|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|J|3|K|5|L|7|18|8|@]|D|@]|E|$M|N]]|$1|O|3|P|5|6|7|19|8|@]|D|@]|E|$]]|$1|Q|3|R|5|L|7|1A|8|@]|D|@]|E|$M|N]]|$1|S|3|-4|5|6|7|1B|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]]]

I noticed many of these answers are outdated or contain auxiliary functions not listed in Lodash documentation. The accepted answer includes deprecated function <code>_.contains</code> and should be updated.

So here is my ES6 answer.

Based on <a href="https://lodash.com/docs/4.17.4" rel="nofollow noreferrer">Lodash v4.17.4</a>

<pre><code>_.mixin( {
 filterByValues: ( c, k, v ) =&gt; _.filter(
 c, o =&gt; _.indexOf( v, o[ k ] ) !== -1
 )
} );
</code></pre>

And invoked as such:

<pre><code>_.filterByValues(
 [
 {
 name: 'StackOverflow'
 },
 {
 name: 'ServerFault'
 },
 {
 name: 'AskDifferent'
 }
 ],
 'name',
 [ 'StackOverflow', 'ServerFault' ]
);

// =&gt; [ { name: 'StackOverflow' }, { name: 'ServerFault' } ]
</code></pre>

I would like to filter a collection using array of property value. Given an array of IDs, return objects with matching IDs. Is there any shortcut method using <code>lodash</code>/<code>underscore</code>?

<pre class="lang-js prettyprint-override"><code>var collections = [{ id: 1, name: 'xyz' },
 { id: 2, name: 'ds' },
 { id: 3, name: 'rtrt' },
 { id: 4, name: 'nhf' },
 { id: 5, name: 'qwe' }];
var ids = [1,3,4];

// This works, but any better way?

var filtered = _.select(collections, function(c){ 
 return ids.indexOf(c.id) != -1
});
</code></pre>

lodash Filter collection using array of values

我想用属性值的数组来过滤一个集合。给定一个ID数组，返回具有匹配ID的对象。是否有使用lodash/underscore的快捷方式var collections = [{ id: 1, name: 'xyz' },                   { id: 2,  name: 'ds' },                   { id: 3,  name: 'rtrt' },       

问使用值数组的lodash过滤器集合
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用值数组的lodash过滤器集合EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用值数组的lodash过滤器集合
EN