Javascript 如何在表单输入元素中插入数组中的数据

我有一个数组，里面有一些数据。此数组包含id、姓氏、姓氏、电子邮件和电话。我还有五个表单输入元素。现在我想在这些元素中添加数组中的数据。例如，ID应该插入到ID表单字段中，名称应该插入到名称输入元素中，等等。如何实现这一点

这是我的密码

insert_data_in_form: function(data) {
    var form = $("#dataform");
    var form_arr = new Array();

    form.each(function(i) {
        var form_el = form.children("input[type='textfield']");
        form_arr.push(form_el);
        console.log(data.length);
        //for(var j = 0; j < 5; j++) {
            form_el.val(data[i]);
        //}
    });
}

以函数（数据）的形式插入数据{
变量形式=$（“#数据形式”）；
var form_arr=新数组（）；
表格.每项职能（i）{
var form_el=form.children（“输入[type='textfield']”）；
形式推送（形式推送）；
console.log（data.length）；
//对于（var j=0；j<5；j++）{
表格（数据[i]）；
//}
});
}

如果数据数组中的值与表单中的值顺序相同，则可以执行此操作

insert_data_in_form: function(data) {
    var formElems = $("#dataform input[type='text']");
    formElems.each(function(i,elem) {
        $(this).val(data[i]);
        // or even better use the following faster way 
        // if they are always text boxes
        // this.value = data[i];
    });
}

演示：

更新（替代方式）：

您还可以使用

隐式循环

实现这一点，并使用此

.val（函数（index，val）

函数的类似变体

var insert_data_in_form =  function(data) {
    var formElems = $("#dataform input[type='text']");
    formElems.val(function(i) {
       return data[i];
    });
};

演示：el->arr:

form_arr[form_el.attr('name')] = form_el.val();

arr->el:

form_el.val(form_arr[form_el.attr('name')]);