Javascript 如何在每个for循环中使用每个数组值(相同数量)

Javascript 如何在每个for循环中使用每个数组值(相同数量),javascript,php,html,arrays,Javascript,Php,Html,Arrays,我有以下数组称为设备选择 ["12 - v4", "100 - v500"] 这就是前端的外观: result["cantidad_seriado"].forEach(function(entry) { for (var i = 0; i < entry; i++) { div_hr1.append("<select class='form-control' id='selected_

我有以下数组称为设备选择

["12 - v4", "100 - v500"]
这就是前端的外观:

result["cantidad_seriado"].forEach(function(entry) {

    for (var i = 0; i < entry; i++) {

        div_hr1.append("<select class='form-control' id='selected_equipo_seriado' name='selected_equipo_seriado' required='required' disabled><option selected value=''>" + equipos_seleccionados + "</option></select><br>");

        div_hr2.append(`

      <input class="form-control" id="nro_serie_seriado" name="nro_serie_seriado" type="number" required="required" placeholder="Nro de serie"><br>
        
    `);

    };

    div_hr1.append(`

      <hr class="sidebar-divider" style="border-color:blue;">

    `);

    div_hr2.append(`

      <hr class="sidebar-divider" style="border-color:blue;">

    `);

});**

如您所见,我自动生成的文本框数量与head部分的输入值相同

目标:我想(在这种情况下)将值12-v4用于前2个元素(选择),将值100-v500用于后4个元素(选择)

这是我目前掌握的代码:

result["cantidad_seriado"].forEach(function(entry) {

    for (var i = 0; i < entry; i++) {

        div_hr1.append("<select class='form-control' id='selected_equipo_seriado' name='selected_equipo_seriado' required='required' disabled><option selected value=''>" + equipos_seleccionados + "</option></select><br>");

        div_hr2.append(`

      <input class="form-control" id="nro_serie_seriado" name="nro_serie_seriado" type="number" required="required" placeholder="Nro de serie"><br>
        
    `);

    };

    div_hr1.append(`

      <hr class="sidebar-divider" style="border-color:blue;">

    `);

    div_hr2.append(`

      <hr class="sidebar-divider" style="border-color:blue;">

    `);

});**
result[“cantidad_seriado”].forEach(函数(条目){
对于(变量i=0;i”);
div_hr2.append(`

`); }; div_hr1.append(`
`); div_hr2.append(`
`); });**
它应该是这样的:

result["cantidad_seriado"].forEach(function(entry) {

    for (var i = 0; i < entry; i++) {

        div_hr1.append("<select class='form-control' id='selected_equipo_seriado' name='selected_equipo_seriado' required='required' disabled><option selected value=''>" + equipos_seleccionados + "</option></select><br>");

        div_hr2.append(`

      <input class="form-control" id="nro_serie_seriado" name="nro_serie_seriado" type="number" required="required" placeholder="Nro de serie"><br>
        
    `);

    };

    div_hr1.append(`

      <hr class="sidebar-divider" style="border-color:blue;">

    `);

    div_hr2.append(`

      <hr class="sidebar-divider" style="border-color:blue;">

    `);

});**

您可以通过使用函数索引的重载,仅打印设备选择中与结果[“cantidad_seriado”]处于相同位置的元素

您只需更改
.forEach(函数(条目))
.forEach(函数(条目,索引))

var equipos_selectionados=[“12-v4”,“100-v500”]
div_hr1=document.getElementById('div_hr1')
div_hr2=document.getElementById('div_hr2')
变量结果=[“2”,“3”]
result.forEach(函数(条目、索引){
console.log(条目)
对于(变量i=0;i“
div_hr2.innerHTML+=`

` } div_hr1.innerHTML+=`
` div_hr2.innerHTML+=`
` });


什么是“cantidad_seriado”?这是一个数组还是一个字典?@RigobertoRamirezCruz谢谢你的回答,这是一个存储数量列(Cantidad)的数组,在这个例子中,它是:[“2”,“3”]的顺序与前面介绍的相同,对吗?我的意思是,根据您提供的示例,2代表12-v4,3代表100-v500。@RigobertoRamirezCruz完全正确!2和3是生成该数量的行(选择和输入)所需的数字。在前两个选择中,我需要12-v4和接下来的三个100-v500