如何自动化创建JS对象以绑定HTML表单字段？

刚接触JavaScript和Web开发，目前用Razor Pages开发小型网站，手里有一个包含大量字段的长表单，表单采用模型绑定，示例代码如下：

<div class="container" id="formContainer">
    <div class="row">
        <div class="col-sm">
            <label>Ersatzteilname</label>
            <input asp-for="Part.Name" id="name">
        </div>
    </div>
</div>

目前我是手动编写JS代码创建绑定所有表单字段的对象，代码如下：

let part = {
    name : document.getElementById("name"),
    field : document.getElementById("field"),
    factory : document.getElementById("factory"),
    magazine : document.getElementById("magazine"),
    shelf : document.getElementById("shelf"),
    frame : document.getElementById("frame"),
    compartment : document.getElementById("compartment"),
    box : document.getElementById("box"),
    machineList : document.getElementById("machineList"),
    supplier : document.getElementById("supplier"),
    supplierType : document.getElementById("supplierType"),
    supplierArticleNumber : document.getElementById("supplierArticleNumber"),
    manufacturer : document.getElementById("manufacturer"),
    comment : document.getElementById("comment"),
    minStock : document.getElementById("minStock"),
    stock : document.getElementById("stock"),
    targetStock : document.getElementById("targetStock"),
    price : document.getElementById("price"),
    unit : document.getElementById("unit"),
    abcClass : document.getElementById("abcClass"),
    orderAmount : document.getElementById("orderAmount"),
    pictureLink : document.getElementById("pictureLink"),
    wca : document.getElementById("wca"),
    edv_FUE : document.getElementById("edv_FUE"),
    calibration : document.getElementById("calibration"),
    status : document.getElementById("status"),
}

这个对象用来在Ajax从SQL Server获取数据后修改表单，但手动逐个绑定字段不仅繁琐，扩展性还很差。我试过基于SQL Server对应的C#模型创建JS对象，但这样会破坏Intellisense自动补全功能，最后还是得手动关联字段。想请教有没有其他自动化的方法？如果没有的话，能不能通过VS宏来实现？

内容的提问来源于stack exchange，提问作者Xilay