如何在循环 JavaScript 中跳过一个数字？

Question

var text = "";var i;for (i = 0; i < 10; i++) {  if (!i == 5)  text += "The number is " + i + "<br>";} document.getElementById("demo").innerHTML = text;<p id="demo"></p>在上面的代码中，我想从 0 循环到 10，但我想跳过数字 5。我想从 0 显示到 4，跳过 5，然后从 6 显示到 10。上面的代码不起作用。

Answer 1

您可以使用continue

var text = "";

var i;

for (i = 0; i < 10; i++) {

  if (i == 5) continue;

  text += "The number is " + i + "<br>";

} 

document.getElementById("demo").innerHTML = text;

<p id="demo"></p>

另一种方法是将代码包装在块内的if语句中for

var text = "";

var i;

for (i = 0; i < 10; i++) {

  if (i !== 5){

    text += "The number is " + i + "<br>";

  }

} 

document.getElementById("demo").innerHTML = text;

<p id="demo"></p>

Answer 2

if (!i == 5)应该if (i !== 5)




Answer 3

您还可以创建一个生成器，生成不在其“跳过”列表中的索引。

const rangeWithSkip = function*(start, end, skips) {

  for (let i = start; i < end; i++) {

    if (skips.includes(i)) continue;

    yield i;

  }

}

let textArr = [];

for (let i of rangeWithSkip(0, 10, [3, 5, 8])) {

  textArr.push(`The number is ${i}`);

}

document.getElementById("demo").innerHTML = textArr.join('<br />');

<p id="demo"></p>