编辑

Question

我正在尝试使用JS做某事，但是按照通常的数组证明这是我生存的祸根...

我必须遍历从1到100的数字，并将其打印在HTML中，每个被3除的数字应显示为红色，而所有其他数字应为黑色。我尝试了很多事情，试图找到方法，但是却无法解决。谁能告诉我这样做的正确方法是什么？

Answer 1

您可以使用以下代码来获取所需的内容。

for (let i = 1; i < 101; i++) {
    if(i % 3 == 0) {
       console.log('THREE');
    } else {
       console.log(i)
    }

}

如果您需要将值写入文档，请将console.log更改为document.write

Answer 2

首先，将数字1循环到100：

for (var i = 1; i <= 100; i++) {
    //Stuff will go here
}

然后，将数字i写入HTML：

document.write(i);

最后，添加if语句：

if (i % 3) {
    document.write(i);
} else {
    document.write("THREE");
}

完整代码：

for (var i = 1; i <= 100; i++) {
  if (i % 3) {
    document.write(i + "<br>");
  } else {
    document.write("THREE<br>");
  }
}

编辑

您将如何使THREE红色：

for (var i = 1; i <= 100; i++) {
  if (i % 3) {
    document.write(i + "<br>");
  } else {
    document.write("<span style='color: red;'>THREE</span><br>");
  }
}

Answer 3

在某些内联元素中放置三个，并添加css规则以更改颜色。为了打印列表，Jack解释了解决方案。（因为我可以，所以做了别的选择。）

const text = (new Array(100))
	.fill('')
	.map((_v, i) => (i % 3) === 0 ? `<b>THREE</b>` : i)
	.join('<br/>');

document.write(`<p>${text}</p>`)

b {
  color: red;
}

Java脚本-为某些数组元素赋予不同的颜色

3 个答案:

编辑