优化代码.如何在循环中获取 2 个变量

Opimizing Code. How to get 2 variables in loop

本文关键字:获取 变量 循环 代码 优化      更新时间:2023-09-26

我正在尝试优化这段代码。

document.getElementById("b3").innerHTML = parseFloat(document.getElementById("c2").innerHTML) * parseFloat(document.getElementById("b1").value);
            document.getElementById("c3").innerHTML = parseFloat(document.getElementById("b3").innerHTML) + parseFloat(document.getElementById("a3").value);
            document.getElementById("b4").innerHTML = parseFloat(document.getElementById("c3").innerHTML) * parseFloat(document.getElementById("b1").value);
            document.getElementById("c4").innerHTML = parseFloat(document.getElementById("b4").innerHTML) + parseFloat(document.getElementById("a4").value);
            document.getElementById("b5").innerHTML = parseFloat(document.getElementById("c4").innerHTML) * parseFloat(document.getElementById("b1").value);
            document.getElementById("c5").innerHTML = parseFloat(document.getElementById("b5").innerHTML) + parseFloat(document.getElementById("a5").value);
            document.getElementById("b6").innerHTML = parseFloat(document.getElementById("c5").innerHTML) * parseFloat(document.getElementById("b1").value);
            document.getElementById("c6").innerHTML = parseFloat(document.getElementById("b6").innerHTML) + parseFloat(document.getElementById("a6").value);
            document.getElementById("b7").innerHTML = parseFloat(document.getElementById("c6").innerHTML) * parseFloat(document.getElementById("b1").value);
            document.getElementById("c7").innerHTML = parseFloat(document.getElementById("b7").innerHTML) + parseFloat(document.getElementById("a7").value);
            document.getElementById("b8").innerHTML = parseFloat(document.getElementById("c7").innerHTML) * parseFloat(document.getElementById("b1").value);
            document.getElementById("c8").innerHTML = parseFloat(document.getElementById("b8").innerHTML) + parseFloat(document.getElementById("a8").value);
            document.getElementById("b9").innerHTML = parseFloat(document.getElementById("c8").innerHTML) * parseFloat(document.getElementById("b1").value);
            document.getElementById("c9").innerHTML = parseFloat(document.getElementById("b9").innerHTML) + parseFloat(document.getElementById("a9").value);
            document.getElementById("b10").innerHTML = parseFloat(document.getElementById("c9").innerHTML) * parseFloat(document.getElementById("b1").value);       

我已经尝试过这样,但是两个变量使脚本崩溃。

for (var i = 2; i < 11; i++; var x = 3; x < 12; x++)
{
   document.getElementById("b" + x).innerHTML = parseFloat(document.getElementById("c" + i).innerHTML) * parseFloat(document.getElementById("b1").value);
   document.getElementById("c" + x).innerHTML = parseFloat(document.getElementById("b" + x).innerHTML) + parseFloat(document.getElementById("a" + x).value);
}
你可以

声明和递增多个变量.. 但你必须使用 ,

for (var i = 2,x = 3; i < 11; i++,x++)
{
   document.getElementById("b" + x).innerHTML = parseFloat(document.getElementById("c" + i).innerHTML) * parseFloat(document.getElementById("b1").value);
   document.getElementById("c" + x).innerHTML = parseFloat(document.getElementById("b" + x).innerHTML) + parseFloat(document.getElementById("a" + x).value);
}

你可以只使用 i 作为循环计数器,并将x设置为等于 i+1

var i, x;
for(i = 2; i < 11; i++) {
    x = i+1;
    document.getElementById("b" + x).innerHTML = parseFloat(document.getElementById("c" + i).innerHTML) * parseFloat(document.getElementById("b1").value);
    document.getElementById("c" + x).innerHTML = parseFloat(document.getElementById("b" + x).innerHTML) + parseFloat(document.getElementById("a" + x).value);
}