访问连接变量名称的值

Question

问题描述：

我正在尝试简化一些代码，除了我显然只是创建一个字符串而不是访问相应变量的值。如何将 'total_' + animal 转换为变量，然后我可以访问该变量以将结果动态分配给 DIV？

代码：

JS：

function tallyAnimals(animal) {
    total_animal++;
    if (animal == "dog")  { total_dog++;  }
    if (animal == "cat")  { total_cat++;  }
    if (animal == "bird") { total_bird++; }
    if (animal == "fish") { total_fish++; }

    //The problem line
    $('#' + animal).html('total_' + animal);
}

HTML：

<div id="animals">

    <div id="dog">0</div>
    <div id="cat">0</div>
    <div id="bird">0</div>
    <div id="fish">0</div>

</div>

Answer 1

您可以使用 eval() 函数。这是解决方案：

function tallyAnimals(animal) {
    total_animal++;
    if (animal == "dog")  { total_dog++;  }
    if (animal == "cat")  { total_cat++;  }
    if (animal == "bird") { total_bird++; }
    if (animal == "fish") { total_fish++; }

    $('#' + animal).html(eval('total_' + animal));
}

Eval 就是为这种工作而生的！您还可以通过以下方式使用更少的行数：

function tallyAnimals(animal) {
    total_animal++;
    eval("total_"+animal."++");
    $('#' + animal).html(eval('total_' + animal));
}

Answer 2

因为 'total_'+animal 看起来是全局的，没有 eval ：

var function tallyAnimals(animal) {
    total_animal++;
    if (animal == "dog")  { total_dog++;  }
    if (animal == "cat")  { total_cat++;  }
    if (animal == "bird") { total_bird++; }
    if (animal == "fish") { total_fish++; }

    //The problem line
    $('#' + animal).html(window['total_' + animal]);
}

should work

编辑：

理想情况下，您不应该使用全局变量，并将“total”+动物变量附加到精确的范围内。

例如：

文件中函数tallyAnimal之外的某个地方：

var totals = {
   dog:0,
   cat:0,
   ...
}

所以你可以写

$('#' + animal).html(totals[animal]);