javascript - JavaScript 中 % 符号的不同用法

Question

所以我试图拆开一个简单的 slider 来从中学习，但我对某些东西感到困惑，似乎找不到答案:

var slides = document.querySelectorAll('#slides .slide');
var currentSlide = 0;
var slideInterval = setInterval(nextSlide, 2000);

function nextSlide(){
    slides[currentSlide].className = 'slide';
    currentSlide = (currentSlide+1)%slides.length;
    slides[currentSlide].className = 'slide showing';
}

这是脚本内的函数:

currentSlide = (currentSlide+1)%slides.length;

这一行是% 符号。我知道它可以用来求余数，甚至可以利用奇数和偶数，但我不知道它在这里做什么。

如果有解释就太好了。谢谢。

Answer 1

这实际上与其他示例中提到的操作符相同。 % 运算符是模运算符，即执行整数除法时返回余数。

使用 % 查找偶数只是一个特定(且非常常见)的示例，因为任何偶数除以 2 余数为 0。即 even_number % 2 == 0.

在此场景中，它用于确保 currentSlide 不超过 slides.length。对于任何除法，余数范围在 0(精确倍数时)和小于除数 1 之间，然后再次回绕(在下一个精确倍数处)。因此，当到达最后一张幻灯片时(在索引 slides. length - 1)下一个数字将是 slides.length 的精确倍数，因此余数将为 0，带您返回到第一张幻灯片。