Javascript如果条件具有不同的变量和关联的ID

时间:2017-08-01 13:50:08

标签: javascript if-statement

我创建了一个if条件,但我想检查多个变量。变量属于不同的id,如下所示。

是否可以优化代码,因为我不想复制过去并更改变量。

if (T11 > 33){
    document.getElementById("T11").innerHTML = '-';
}
else if(T11 > 2){
    document.getElementById("T11").innerHTML = T11-30;
    document.getElementById("T11").style.textDecoration = 'underline';
}
else {
    document.getElementById("T11").innerHTML = T11;
    }



if (T12 > 33){
        document.getElementById("T12").innerHTML = '-';
    }
    else if(T12 > 2){
        document.getElementById("T12").innerHTML = T12-30;
        document.getElementById("T12").style.textDecoration = 'underline';
    }
    else {
        document.getElementById("T12").innerHTML = T12;
        }



if (T.. > 33){
        document.getElementById("T..").innerHTML = '-';
    }
    else if(T.. > 2){
        document.getElementById("T..").innerHTML = T..-30;
        document.getElementById("T..").style.textDecoration = 'underline';
    }
    else {
        document.getElementById("T..").innerHTML = T..;
        }

请建议。

4 个答案:

答案 0 :(得分:0)

将数据存储在对象数组中

const data = [{
   variable: T11,
   name: "T11" 
},{
    variable: T12,
    name: "T12"
}];

data.forEach(d => {
    let element = document.getElementById(d.name);
    if(d.variable > 33){
        element.innerHTML = '-';
    }else if(d.variable > 2){
        element.innerHTML = d.variable - 30;
        element.style.textDecoration = 'underline';
    }else{
        element.innerHTML = d.variable
    }
});

答案 1 :(得分:0)

T1T33应为t,其中t数组。然后单个循环完成此操作。如果T1T33 不能成为一个数组(但我无法想象为什么他们不能),您可以先创建一个临时数组:

var t = [T1, T2, T3, T4, ... ];

但是,真的,你根本不应该T1T33;只是t

获得t后,您可以使用forEach

t.forEach(function(val, index) {
   var element = document.getElementById("T" + (index + 1));
   if (val > 33){
        element.innerHTML = '-';
    }
    else if (t[n] > 2){
        element.innerHTML = val - 30;
        element.style.textDecoration = 'underline';
    }
    else {
        element.innerHTML = val;
    }
});

...但是如果你想要一个for循环:

for (var n = 0; n < t.length; ++n) {
   var val = t[n];
   var element = document.getElementById("T" + (n + 1));
   if (val > 33){
        element.innerHTML = '-';
    }
    else if (t[n] > 2){
        element.innerHTML = val - 30;
        element.style.textDecoration = 'underline';
    }
    else {
        element.innerHTML = val;
    }
}

答案 2 :(得分:0)

使其成为一种功能

codeReduce(13,TD1) //call like this

function codeReduce(id,name){
    if(id > 33){
        document.getElementById(name).innerHTML = '-';
    }
    else if(id > 2){
        document.getElementById(name).innerHTML = id-30;
        document.getElementById(name).style.textDecoration = 'underline';
    }
    else{
        document.getElementById(name).innerHTML = id;
    }
}

答案 3 :(得分:0)

你可以使用一个对象,你有一个字符串作为键和一个值,比如

values = {
    T11: 20,
    T22: 10
}

然后使用Object.keys并循环

Object.keys(values).forEach(function (k) {
    var element = document.getElementById(k);
    if (values[k] > 33) {
        element.innerHTML = '-';
        return;
    }
    element.innerHTML = values[k];
    if (values[k] > 2) {
        element.innerHTML -= 30;
        element.style.textDecoration = 'underline';
    }
});