如何在for循环中选择数组的每个第二个元素？

Question

我正在努力提高我的 JavaScript 技能。使用 for 循环我想选择每个第二个元素（例如我想让它们加粗或斜体）。我知道我可以使用 CSS3 和nth-child选择器来做到这一点，但正如我所说，我正在努力提高我的 JS 技能，我想使用for循环和无foreach循环或其他 JS 循环类型来做到这一点。我是 JS 新手。

编辑：我想添加所有元素，但我只想选择每隔一个元素使它们加粗或斜体

var myList = document.getElementById('myList');
var addList = ["Python", "C", "C++", "Ruby", "PHP", "Javascript", "Go", "ASP", "R"];

for (var i = 0; i < addList.length; i++) {
  var newLi = document.createElement("li");

  newLi.innerHTML = addList[i];
  myList.appendChild(newLi);
}

<ul id="myList"></ul>

Answer 1

在您的 for 循环中，不是增加i1 ，而是i在每次迭代时增加2 i+=2。

更新代码：

var myList = document.getElementById('myList');
var addList = ["Python", "C", "C++", "Ruby", "PHP", "Javascript", "Go", "ASP", "R"];

for (var i = 0; i < addList.length; i+=2) {
  var newLi = document.createElement("li");

  newLi.innerHTML = addList[i];
  myList.appendChild(newLi);
}

<ul id="myList"></ul>

Answer 2

使用modulus(%)运算符获取每个2nd elementin 循环并添加fontStyle它：

var myList = document.getElementById('myList');
var addList = ["Python", "C", "C++", "Ruby", "PHP", "Javascript", "Go", "ASP", "R"];

for (var i = 0; i < addList.length; i++) {
  var newLi = document.createElement("li");
  newLi.innerHTML = addList[i];
  if(i%2==0){
  newLi.style.fontStyle = "italic"
  newLi.innerHTML = "<strong>"+addList[i]+"</strong>";
  }


  
  myList.appendChild(newLi);
}

<ul id="myList"></ul>