javascript - 数组索引 N.O. + 值(value)

Question

嗨，我在这里有一个帖子 http://jsfiddle.net/7ztEf/9/这解释了我想要实现的目标。

我会分解它，我需要根据数组索引的值填充一个div bg，这是1-40之间的4个随机数，假设返回的数字是5,15,25,35。逻辑是，如果数字范围为 1-10，则 div bg 为红色，如果为 11-20，则为蓝色，等等

我一直在为这个自杀，真的需要一些最好的建议，非常感谢 P

function myNumbers(numbers, type) {
for (var x in numbers) {
   document.getElementById(type + x).innerHTML = numbers[x];

    /*
    here I need to query each index value and apply to ball div, ie:

    if index 0 numbers > 0) && numbers <= 10 than ball-0 div bg is red
    if index 0 numbers > 11) && numbers <= 20 than ball-0 div bg is blue
    if index 0 numbers > 21) && numbers <= 30 than ball-0 div bg is orange
    if index 0 numbers > 31) && numbers <= 40 than ball-0 div bg is green

    repeating for eack index value. 

    if index 1 numbers > 0) && numbers <= 10 than ball-1 div bg is red

    etc       

    */

} 

myNumbers([5, 15, 25, 35], 'test-')

Answer 1

对于几种颜色，我会这样写:

for (var x = 0, n = numbers.length; x != n; ++x) {
    var nr = numbers[x], 
        el = document.getElementById(type + x),
        color;

   el.innerHTML = nr;

    if (nr > 0) {
        if (nr <= 10) {
            color = 'red';
        } else if (nr <= 20) {
            color = 'blue';
        } else if (nr <= 30) {
            color = 'orange';
        } else if (nr <= 40) {
            color = 'green';
        }
    }
    if (color) {
        el.style.color = color;
    }
} 

Demo