JavaScript 每 % 行做一些事情

Question

我不想 return css class 从 javascript 函数每隔 %th 个数字。跟模数有关，一直想不出确切的表达式。

"i"变量以0开头

示例：

i = 0 returns 红色

i = 3 return 暗青色

i = 5 returns 深橙色

i = 7 returns 蓝色

1 = 15 returns 深橙色

// Get CSS class
var getClass = function(i) {

    // Every 0sth 
    if () {
        return 'red';

    // Every 1th number
    } else if () {
        return 'blue';

    // Every 2th number
    } else if () {
        return  'magenta';

    // Every 3th number
    } else if () {
        return 'darkcyan';

    // Every 4th number
    } else if () {
        return 'mediumorchid';

    // Every 5th number
    } else if () {
        return 'darkorange';

    // Else
    } else {
        return 'red';
    }
}

Answer 1

你是对的，它与余数运算符有关 (%):

var colors = ['red', 'blue', 'magenta', 'darkcyan', 'mediumorchid', 'darkorange'];
var color = colors[index % colors.length];

...其中 index 是您从 0 开始的值。

实例：

var colors = ['red', 'blue', 'magenta', 'darkcyan', 'mediumorchid', 'darkorange'];
var color, index;
for (var index = 0; index < 30; ++index) {
    color = colors[index % colors.length];
    console.log(index + " => " + color);
}

JavaScript 每 % 行做一些事情

JavaScript do stuff every % row

javascript

math

modulus