从数组中收集数据并使用复选框进行过滤

Question

我正在接受初级开发人员的培训，我的任务是使用三个复选框过滤数组。目前，我的HTML代码带有复选框，它们具有onchange属性，然后在我使用的JavaScript代码中]

Array.from(document.querySelectorAll('input[name=party]:checked')).map(elt => elt.value)

使用复选框的值作为数组，但我不知道如何将复选框的值与数组进行比较以筛选所需的内容。

这里我们现在有代码

HTML：

<div class='row'>
                <b>Filter by Party:</b>
                <label for='Republican'>Republican</label>
                <input onchange="partyFilter" type='checkbox' name='party' id='Republican' value='R'>
                <label for='Democrat'>Democrat</label>
                <input onchange="partyFilter" type='checkbox' name='party' id='Democrat' value='D'>
                <label for='Independent'>Independent</label>
                <input onchange="partyFilter" type='checkbox' name='party' id='Independent' value='I'>
            </div>`
JAVASCRIPT（采用复选框值）

Array.from(document.querySelectorAll('input[name=party]:checked')).map(elt => elt.value)
JAVASCRIPT（过滤我的数组以获取“ party”值

miembros.filter(rep => rep.party === 'R')
miembros.filter(dem => rep.party === 'D')
miembros.filter(ind => rep.party === 'I')`
我不知道如何将接收到的值与mi javascript函数连接以过滤数组。

我正在接受初级开发人员的培训，我的任务是使用三个复选框过滤数组。目前，我的HTML代码带有复选框，它们具有onchange属性，然后在我的...

Answer 1

您可以在过滤器中使用检查值的数组，如下所示：