如何使用javascript将过滤器应用于嵌套数组中的所有对象

Question

我有三个单选按钮，并希望根据选项值显示，并应应用于嵌套数组中的每个对象。

// how to do the in nested object array for all `ids` and apply `options` 

code:

const id = "trans";
const options = option_values.find(({id:x}) => x===id).options;

[...document.getElementsByClassName("form-check-input")].filter(({
  value
}) => !options.includes(value)).forEach(elem => elem.style.display = 'none');

var option_value2 = [
{
  id:"trans",
  options: ["bank", "credit"]
},
{
  id:"fund",
  options: ["bank"]
}
]

<form>
  <input class="form-check-input" name="sending-${provider.id}" type="radio" id="provider-send-bank transfer-${provider.id}" value="bank" title="bank" checked>
  <input class="form-check-input" name="sending-${provider.id}" type="radio" id="provider-send-credit-${provider.id}" value="credit" title="credit">
  <input class="form-check-input" name="sending-${provider.id}" type="radio" id="provider-send-debit-${provider.id}" value="debit" title="debit">
</form>

Answer 1

1. 您没有名为option_values的数组来调用它的find方法。 它应该是option_value2

     const options = option_values.find(({id:x}) => x===id).options; 

2. 调用find方法后，您将数据提供给数组。 它应该是相反的方式。

     var option_value2 = [ { id:"trans", options: ["bank", "credit"] }, { id:"fund", options: ["bank"] } ] const options = option_values.find(({id:x}) => x===id).options;