如何最好地查询Javascript中按名称选择所有输入

我试图用html输入字段名填充一个数组，然后将它们与json对象名进一步匹配，这样我就可以立即为它们赋值，如下所示

请使用适当的querySelectorAll（input）来帮助您按输入字段的名称而不是类名获取输入字段，如下所示

然后在下面的代码中重用

Object.keys(recipient).map(function (dataItem) {
    inputs.map(function (inputItem) {
          return (inputItem.name === dataItem) ? (inputItem.value = recipient[dataItem]) : false;
    });
});

我的数据如下所示：

"data": {
        "type": "beneficiaries",
        "id": "C9QV9ZNZ",
        "attributes": {
            "bank_name": null,
            "last_name": "xcxc",
            "beneficiary_type": "MT",
            "mobile_money_msisdn": null,
            "branch_name": null,
            "recipient_type": "P",
            "first_name": "dfgdf",
            "middle_name": null,
            "name": "dfgdf xcxc",
            "mobile": null,
            "account_number": "111111111"
        }

---

嵌套的循环太过分了。只需循环输入，查看对象中是否存在键

var数据={
姓名1:123，
姓名2:345，
姓名3:678
}
document.querySelectorAll（“输入[名称]”）.forEach（函数（输入）{
var name=input.name；
if（数据[名称]）input.value=数据[名称]
})

为什么不

document.getElementsByClassName（）

？我实际上需要自动化，因为在多个页面中有很多字段，有些字段较多，有些字段较少。请清除您实际需要的内容。你能给出HTML和JSON的示例吗？不确定为什么要使用map进行循环。因此，您有一个对象具有

{name1:123，name2:345，name3678}

，并且您希望将该值以相同的名称输入？谢谢@epascarello，不过仍然需要循环并跳转到数据中的内部对象

"data": {
        "type": "beneficiaries",
        "id": "C9QV9ZNZ",
        "attributes": {
            "bank_name": null,
            "last_name": "xcxc",
            "beneficiary_type": "MT",
            "mobile_money_msisdn": null,
            "branch_name": null,
            "recipient_type": "P",
            "first_name": "dfgdf",
            "middle_name": null,
            "name": "dfgdf xcxc",
            "mobile": null,
            "account_number": "111111111"
        }