Javascript：按字符串数组过滤对象数组

IT技术 javascript arrays filter
2021-03-10 19:27:34

我想知道是否有更优雅的方式来做到这一点。假设我有一个像这样的对象数组：

a = [
  {
    "id": "kpi02",
    "value": 10
  },
  {
    "id": "kpi02",
    "value": 30
  },
  {
    "id": "kpi02",
    "value": 11
  },
  {
    "id": "kpi02",
    "value": 33
  },
  {
    "id": "kpi03",
    "value": 1
  },
  {
    "id": "kpi03",
    "value": 0.5
  },
  {
    "id": "kpi04",
    "value": 0.5
  }
]

现在我想过滤该id属性，以返回在另一个数组中匹配的所有对象

var kpis = ["kpi03", "kpi02"];

我想出了这个解决方案：

var b = [];
for (j in kpis) {
 for (i in a) { 
    if (a[i].id == kpis[j]) {
    b.push(a[i]);
    }
 }
}

来自R，这似乎有点复杂，有没有办法用filter原型来做到这一点？像这样，但要与一个字符串数组而不是单个字符串进行比较：

 var b = a.filter( function(item){return (item.id == "kpi03");} );

非常感谢！

4个回答

您可以在过滤器中使用indexOf，就像这样

var res = a.filter(function (el) {
  return kpis.indexOf(el.id) >= 0; 
});

例子

感谢您的快速回答和示例！我知道必须有一个更优雅的解决方案:)
2021-04-27 19:27:34

另一个不错的选择是使用.filter和 .includes：

var result = a.filter(item => kpis.includes(item.id))

只要利用 Array.indexOf

var b = a.filter(function(item){return kpids.indexOf(item.id) > -1 });

Array.indexOf返回在indexOf被调用的数组中传递的参数的索引。-1如果没有我们正在寻找的元素，它就会返回。

因此，我们确保它的索引大于 -1

如果您希望它们按字符串数组的顺序排列，则

    var result = [];
kpis.map((item) => {
    const matchedObject = a.find(
        (option) => option.id === item
    );
    result.push(matchedObject);
});
其它你可能感兴趣的问题
上一篇在 Node.js 中反序列化后将对象与其类重新关联 下一篇“如果需要补丁，则公共功能不能被覆盖”是什么意思。在 Addy 对揭示module模式的描述中？