如何在一定条件下在javascript中创建数字循环

Question

我将数组var arrayObject作为attribute_1（[原始]，[Cool Mint]，[Freshburst]），它们每个都具有与attribute_2相同的三个属性（[250]，[500]，[750]）。 />

我将var num设置为在“产品编号”字段上循环编号，但是我想要的编号看起来不正确，我希望它以0-8的顺序进行排序，例如0、1、2、3、4、5、6， 7,8。我应该为此做什么条件？

var num = 0;
$.each(arrayObject, function(key,value) {
    var attr1Data = Object.keys(value)[0],
        attr2Data = Object.values(value)[0],
        i = 0;

    html += '<tr>';
        html += '<td rowspan="'+rowspan+'">'+attr1Data+'<input name="post[item]['+(key)+'][attribute1]" type="hidden" value="'+attr1Data+'" /></td>';
        html += '<td>'+attr2Data[i]+'<input name="post[item]['+(key)+'][attribute2][]" type="hidden" value="'+attr2Data[i]+'" /></td>'; 
        html += '<td><input class="pn" placeholder="..." name="post[item]['+(key)+'][product_no][]" type="text" value="'+num+'" /></td>';
        html += '<td><input class="as" size="4" name="post[item]['+(key)+'][actual_stock][]" type="text" value="0" /></td>';
        html += '<td><input class="p" size="7" name="post[item]['+(key)+'][price][]" type="text" value="0.00" /></td>';
    i++;
    html += '</tr>';
    while(i < rowspan) {

        html += '<tr>';
        html += '<td>'+attr2Data[i]+'<input name="post[item]['+(key)+'][attribute2][]" type="hidden" value="'+ attr2Data[i] +'" /></td>';
        html += '<td><input class="pn" placeholder="..." name="post[item]['+(key)+'][product_no][]" type="text" value="'+num+'" /></td>';
        html += '<td><input class="as" size="4" name="post[item]['+(key)+'][actual_stock][]" type="text" value="0" /></td>';
        html += '<td><input class="p" size="7" name="post[item]['+(key)+'][price][]" type="text" value="0.00" /></td>';
        html += '</tr>';
        i++;
    }
    num++;
})