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

我将数组var arrayObject作为属性_1（[original]、[Cool Mint]、[Freshburst]），每个属性都有三个与属性_2相同的属性（[250]、[500]、[750]）。

我将var num设置为在字段乘积No上循环一个数字，但是我想要的数字看起来是错误的，我希望它从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++;
})

var num=0；
$.each（数组对象、函数（键、值）{
var attr1Data=Object.keys（值）[0]，
attr2Data=Object.values（值）[0]，
i=0；
html+=''；
html+=''+attr1Data+''；
html+=''+attr2Data[i]+''；
html+=''；
html+=''；
html+=''；
i++；
html+=''；
而（i

---

您每次都在重置i，在foreachi外部定义i，我必须编辑我的代码和结果

value=“”+（++num）+'”

@ogebman请添加代码片段，以便给您正确的答案