javascript 使用另一个对象数组过滤对象数组
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/31005396/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Filter array of objects with another array of objects
提问by GtAntoine
This question is similar to this one Jquery filter array of object with loopbut this time I need to do the filter with an array of objects.
这个问题类似于this one Jquery filter array of object with loop，但这次我需要用一组对象进行过滤。
Exemple:
例子：
I have an array of objects like this:
我有一个像这样的对象数组：
myArray = [
{
userid: "100",
projectid: "10",
rowid: "0"
},
{
userid: "101",
projectid: "11",
rowid: "1"},
{
userid: "102",
projectid: "12",
rowid: "2"},
{
userid: "103",
projectid: "13",
rowid: "3"
},
{
userid: "101",
projectid: "10",
rowid: "4"
}
...]
I want to filter it with an array like this:
我想用这样的数组过滤它：
myFilter = [
{
userid: "101",
projectid: "11"
},
{
userid: "102",
projectid: "12"
},
{
userid: "103",
projectid: "11"
}]
and return this (the userid and the projectid in myFilter need to match the userid and the projectid in myArray):
并返回这个（myFilter 中的 userid 和 projectid 需要匹配 myArray 中的 userid 和 projectid）：
myArrayFiltered = [
{
userid: "101",
projectid: "11",
rowid: "1"
},
{
userid: "102",
projectid: "12",
rowid: "2"
}]
How can I do that ?
我怎样才能做到这一点 ？
采纳答案by Renato Galvones
var filtered = [];
for(var arr in myArray){
for(var filter in myFilter){
if(myArray[arr].userid == myFilter[filter].userid && myArray[arr].projectid == myFilter[filter].projectid){
filtered.push(myArray[arr].userid);
}
}
}
console.log(filtered);
回答by Andy
You can put a couple of array methods to use here - filterand some. They're available in all recent browsers, and there are polyfills available for the older browsers.
您可以在此处使用几个数组方法 -filter和some. 它们在所有最近的浏览器中都可用，并且有可用于旧浏览器的 polyfill。
const myArray = [{ userid: "100", projectid: "10", rowid: "0" }, { userid: "101", projectid: "11", rowid: "1"}, { userid: "102", projectid: "12", rowid: "2" }, { userid: "103", projectid: "13", rowid: "3" }, { userid: "101", projectid: "10", rowid: "4" }];
const myFilter = [{ userid: "101", projectid: "11" }, { userid: "102", projectid: "12" }, { userid: "103", projectid: "11"}];
const myArrayFiltered = myArray.filter((el) => {
return myFilter.some((f) => {
return f.userid === el.userid && f.projectid === el.projectid;
});
});
console.log(myArrayFiltered);回答by Tabares
With Ecma script 6.
使用 Ecma 脚本 6。
const myArrayFiltered = myArray.filter( el => {
return myfilter.some( f => {
return f.userid === el.userid && f.projectid === el.projectid;
});
});
Function:
功能：
const filterObjectArray = (arr, filterArr) => (
arr.filter( el =>
filterArr.some( f =>
f.userid === el.userid && f.projectid === el.projectid
)
)
);
console.log(filterObjectArray(myArray, myFilter))
回答by Magicprog.fr
You need to loop over your first array, and inside this loop, loop again inside the filter.
您需要循环遍历第一个数组，并在此循环中再次在过滤器内循环。
If userid and projectid are equals, you can add the row to your filtered array:
如果 userid 和 projectid 相等，则可以将该行添加到过滤后的数组中：
myArray = [{
userid: "100",
projectid: "10",
rowid: "0"
}, {
userid: "101",
projectid: "11",
rowid: "1"
}, {
userid: "102",
projectid: "12",
rowid: "2"
}, {
userid: "103",
projectid: "13",
rowid: "3"
}, {
userid: "101",
projectid: "10",
rowid: "4"
}];
myFilter = [{
userid: "101",
projectid: "11"
}, {
userid: "102",
projectid: "12"
}, {
userid: "103",
projectid: "11"
}];
function filterArray(array, filter) {
var myArrayFiltered = [];
for (var i = 0; i < array.length; i++) {
for (var j = 0; j < filter.length; j++) {
if (array[i].userid === filter[j].userid && array[i].projectid === filter[j].projectid) {
myArrayFiltered.push(array[i]);
}
}
}
return myArrayFiltered;
}
myArrayFiltered = filterArray(myArray, myFilter);
console.log(myArrayFiltered);
回答by Vladimir
This code will match with not only by userid and projectid but with all properties of myFilter[j].
这段代码不仅会匹配 userid 和 projectid，还会匹配 myFilter[j] 的所有属性。
var filtered = myArray.filter(function(i){
return myFilter.some(function(j){
return !Object.keys(j).some(function(prop){
return i[prop] != j[prop];
});
});
});
console.log(filtered);
So you can use
所以你可以使用
myFilter = [
{
projectid: "11"
},
{
userid: "101"
},
{
userid: "103",
projectid: "13",
rowid: "3"
}
];
Will return
将返回
[ { userid: '101', projectid: '11', rowid: '1' },
{ userid: '103', projectid: '13', rowid: '3' },
{ userid: '101', projectid: '10', rowid: '4' } ]
Wich means all elements with
这意味着所有元素
(projectid=="11")
OR (userid=="101")
OR ( (userid=="103") AND (projectid=="13") AND (rowid=="3") )
回答by Ruben
based on @Renato his answer, but shorter:
基于@Renato 他的回答，但更短：
const myArray = [{ userid: "100", projectid: "10", rowid: "0" }, ...];
const myFilter = [{ userid: "101", projectid: "11" }, ...];
const myArrayFiltered = myArray.filter(array => myFilter.some(filter => filter.userid === array.userid && filter.projectid === array.projectid));
回答by benny
You can use jquery map, this return one array of matches:
您可以使用 jquery 地图，这将返回一组匹配项：
var _filter=function(arr_data,arr_filter){
return $.map( arr_data, function( n ) {
for(var f in arr_filter){
if(arr_filter[f].userid == n.userid && arr_filter[f].projectid == n.projectid){
return n;
}
}
});
}
var resp = _filter(myArray,myFilter);
console.log(resp);
回答by Djk
If at all a filter like this is required I would propose to create a dictionary (object) whose key is hash of attributes which defines a match (in this case userid & projectid) that way you need to iterate over 1st dict(haystack) to check if key is available in 2nd dict (needle). Hope this helps.
如果需要这样的过滤器，我建议创建一个字典（对象），其键是定义匹配项（在本例中为 userid 和 projectid）的属性散列，这样您就需要迭代第一个 dict(haystack) 到检查密钥是否在第二个字典（针）中可用。希望这可以帮助。
