“ i = (i + 1) % word.length ”背后的逻辑是什么

Question

我是编码新手。 有人可以解释一下 ("i = (i + 1) % word.length")

var text = document.querySelector('#text-wrap');

var word = text.getElementsByTagName('span');

var i = 0;

   function run(){

        word[i].style.display = 'none';

        i = (i + 1) % word.length

        word[i].style.display = 'initial';
  }

setInterval(run,800)  

Answer 1

选择最后一个单词后，它将 i 重置为 0（以选择第一个单词）。

var text = document.querySelector('#text-wrap');

var word = text.getElementsByTagName('span');

var i = 0;

   function run(){
        // hide i-th word
        word[i].style.display = 'none';
                // set i to
        // if the last word is selected select the first word ( reset to 0 )
        i = (i + 1) % word.length
                // display i-th word
        word[i].style.display = 'initial';
  }

setInterval(run,800)  

我不建议这样做。 if 语句要清楚得多。 这应该做同样的事情：

var text = document.querySelector('#text-wrap');
var word = text.getElementsByTagName('span');

var i = 0;

function run(){
   word[i].style.display = 'none';

    if( i+1 !== word.length )
      i++;
    else // if i+1 === word.length
      i = 0;

   word[i].style.display = 'initial';
}

setInterval(run,800)  

你仍然不应该使用 i 作为全局变量。 至少使用一个在其他代码中不太可能存在的变量名。

快速模数解释

当您无法迭代删除某个数量时，模数就是剩余的部分。 一些例子：

6 % 2 = 0 ( 6 - 2 - 2 - 2 = 0)

5 % 2 = 1 ( 5 - 2 -2 = 1 )

1 % 2 = 1 ( cannot substract 2 from 1 so the value is 1 )

简化的例子

 var word = [ '1', '2', '3']; var i = 0; function run(){ console.log( word[i] ); if( i+1 !== word.length ) i++; else // if i+1 === word.length i = 0; } setInterval(run,1000);

Answer 2

if (i < word.length - 1):

　　i = i + 1; // increment

else if (i == word.length - 1):

　　i = 0; // go back to 0

例如，如果word.length为 5 并且初始i为 0，则

i的输出序列是 1, 2, 3, 4, 0, 1, 2, 3, 4, 0, ....