当前位置：首页 > JavaScript

js实现数字循环

2026-02-02 18:15:36JavaScript

实现数字循环的方法

使用模运算实现循环

模运算（%）是数字循环的常见方法，适用于固定范围的循环。例如，循环显示0到9的数字：

let num = 0;
setInterval(() => {
  console.log(num % 10); // 输出0到9循环
  num++;
}, 1000);

数组循环遍历

通过数组存储循环的数字，配合索引实现循环：

const numbers = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
let index = 0;
setInterval(() => {
  console.log(numbers[index % numbers.length]);
  index++;
}, 1000);

自定义循环函数

封装一个可配置的循环函数，支持起始值、结束值和步长：

function cycleNumber(start, end, step = 1) {
  let current = start;
  return function() {
    const result = current;
    current += step;
    if (current > end) current = start;
    return result;
  };
}

const nextNumber = cycleNumber(0, 9);
setInterval(() => console.log(nextNumber()), 1000);

双向循环（递增和递减）

实现数字的递增和递减循环，例如0→9→0→9：

let num = 0;
let direction = 1;

setInterval(() => {
  console.log(num);
  num += direction;
  if (num === 9 || num === 0) direction *= -1;
}, 1000);

使用生成器函数

通过ES6生成器函数实现更灵活的循环控制：

js实现数字循环

function* numberCycle(start, end) {
  let current = start;
  while (true) {
    yield current;
    current = (current === end) ? start : current + 1;
  }
}

const cycle = numberCycle(0, 9);
setInterval(() => console.log(cycle.next().value), 1000);