Question

如何过滤具有多个匹配条件的javascript数组。下面的代码返回所有数据，而不仅仅是2。

代码：

this.entityTypes = codeList.Values.filter(c => c.CodeValue === 'CRD_CRE_INS' || 'CRD_EEA_BRA');

示例JSON数组：-

const codeList.Values = [{
    "CodeValue": "CRD_CRE_INS",
    "CodeValueDisplay": "CRD Credit Institution",
  },
  {
    "CodeValue": "CRD_EEA_BRA",
    "CodeValueDisplay": "EEA Branch",
  },
  {
    "CodeValue": "CRD_NON_EEA_BRA",
    "CodeValueDisplay": "Non-EEA Branch",
  }
]

Answer 1

this.entityTypes = codeList.Values .filter(c => ['CRD_CRE_INS','CRD_EEA_BRA'].includes(c.CodeValue) );不能这样工作

您可以将这些值放入数组中。这使得它可以轻松扩展为多种条件

{{1}}

Answer 2

表达式'CRD_EEA_BRA'始终为真，您必须将代码更改为：

this.entityTypes = codeList.Values.filter(c => c.CodeValue === 'CRD_CRE_INS' ||  c.CodeValue === 'CRD_EEA_BRA');

Answer 3

为避免重复===，您可以使用目标值数组并检查元素是否与任何目标值匹配

const values = ["CRD_CRE_INS","CRD_EEA_BRA"]
this.entityTypes = codeList.Values.filter(c => values.includes(c.CodeValue));

Answer 4

不确定这是否是最好的解决方案，但是..您可以使用RegExp进行自定义过滤。

#Filtering function
const filterExp = (exp) => new RegExp(exp);

#Example 1
const values = data.filter((e) => filterExp('CRD').test(e.CodeValue));
console.log(values)
//Output
[ { CodeValue: 'CRD_CRE_INS',CodeValueDisplay: 'CRD Credit Institution' },
  { CodeValue: 'CRD_EEA_BRA', CodeValueDisplay: 'EEA Branch' },
  { CodeValue: 'CRD_NON_EEA_BRA',CodeValueDisplay: 'Non-EEA Branch' } ]

#Example 2
const values = data.filter((e) => filterExp('EEA').test(e.CodeValue));
console.log(values)
//Output
[ { CodeValue: 'CRD_EEA_BRA', CodeValueDisplay: 'EEA Branch' },
  { CodeValue: 'CRD_NON_EEA_BRA', CodeValueDisplay: 'Non-EEA Branch' } ]

javascript数组过滤器的倍数和条件

4 个答案: