javascript - 我想从文本框中获取一个值并将其放入 for 循环中的 i 中

Question

您好，我正在尝试从 html 中的文本框获取一个值并将其提供给 for 循环中的 i，但我的程序无法正常工作:

var k = document.getElementById("textbox1").value;

for (var i = k; i < n; i+=4) {
    //for (var j = 0; j < n; j+=4) {
    pixelComponents[i ] = pixelComponents[i ] + 100; //red
    pixelComponents[i+1] = pixelComponents[i+1]+0;       //green
    pixelComponents[i+2] = pixelComponents[i+2]+0;    //blue
    //}
}

我也尝试过这个，但它也不起作用:

for (var i = document.getElementById("textbox1").value;; i < n; i+=4) {
    //for (var j = 0; j < n; j+=4) {
    pixelComponents[i ] = pixelComponents[i ] + 100; //red
    pixelComponents[i+1] = pixelComponents[i+1]+0;       //green
    pixelComponents[i+2] = pixelComponents[i+2]+0;    //blue
    //}
}

Answer 1

文本框的值是一个字符串。尝试这样做:

var k = parseInt(document.getElementById("textbox1").value, 10);

有趣的是，在 JavaScript 中，对字符串执行++ 会将其转换为数字，但执行 += 4 会附加字符 4:

var x = "1"; console.log(++x);
2 

var x = "1"; console.log((x += 4));
14

请注意，即使您将文本框的值设置为数字，当您检索它时，它仍然是一个字符串:

var textBox = document.getElementById("someTextBox");
textBox.value = 8;
alert(textBox.value + 4); // 84, not 12