使用JavaScript创建字母表的循环

Joh*_*nor 4 javascript loops for-loop numbers letters

我一直在为自己做一个小项目,它包括创建字母表.我不想在标记中对每个单独的字母进行硬编码,而是使用JavaScript为我做这些.

这是我走了多远.

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



var li = document.createElement("li");
li.innerHTML = "letter" + i + " ";
li.style.listStyle = "none";
li.style.display = "inline";
document.getElementById("letter-main").appendChild(li);

}
Run Code Online (Sandbox Code Playgroud)

话虽如此,我正试图避免使用jQuery,因为我试图更好地理解JavaScript.

还有一篇文章使用了字符代码,但使用了jQuery.

我该怎么做?

Nam*_*man 18

在Javascript中将整数转换为其等效字符的答案:

假设你想要小写字母:

var chr = String.fromCharCode(97 + n); // where n is 0, 1, 2 ...

97是小写字母'a'的ASCII码.如果你想要大写字母,用97替换97(大写'A').请注意,如果n> 25,您将超出字母范围.

  • 如果有人需要将它们创建到数组中,请使用这一行 `const letters = [...Array(26).keys()].map((n) =&gt; String.fromCharCode(97 + n)); ` 将大写的 `97` 更改为 `65` (3认同)

epa*_*llo 13

您可以使用toString()将数字转换为alpha

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

  var li = document.createElement("li");
  li.innerHTML = "letter " + (i+10).toString(36) + " ";
  li.style.listStyle = "none";
  li.style.display = "inline";
  document.getElementById("letter-main").appendChild(li);

}
Run Code Online (Sandbox Code Playgroud)
<div id="letter-main"></div>
Run Code Online (Sandbox Code Playgroud)