使用setInterval无法按每秒一个的节奏遍历字母表如何解决

问题原因 #

你的代码逻辑问题出在：你把遍历26个字母的完整for循环放在了setInterval的回调函数里，相当于每隔1秒就会一次性执行完整的遍历，把26个字母全部打印出来，自然没法实现1秒输出一个的效果。

解决方法 #

方案1：用setInterval配合索引计数 #

const alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
let currentIndex = 0;
const timer = setInterval(() => {
  console.log(alphabet[currentIndex]);
  currentIndex++;
  // 遍历完成后清除定时器，避免无限执行
  if (currentIndex >= alphabet.length) {
    clearInterval(timer);
  }
}, 1000);

这个方案的逻辑是每次定时器回调只打印1个字母，同时索引向后移动一位，所有字母打印完就终止定时器。

方案2：用async/await实现更直观的串行延迟 #

const alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
// 封装延迟工具函数
const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));

// 执行遍历逻辑
async function printAlphabet() {
  for (let char of alphabet) {
    console.log(char);
    await sleep(1000);
  }
}
printAlphabet();

这个方案的逻辑和你最初的写法思路更贴近，在循环里每次打印完就等待1秒再执行下一次循环，符合直觉易理解。

内容的提问来源于stack exchange，提问作者Aethereal