js传递参数时变量名动态拼接(含数字或指定规律的变量名称)

​项目需求：​

JS传参，需要要实现show1, show2, show3……以便快递和有效的调用函数。其中1、2、3……数字就是要传递的参数。

前端传递方式：οnclick="getBtn(3);

​错误的解决思路：​

var show+id=true;

这个是本能的操作，js基础不牢固的情况下，瞎撞的开发方式。

​正确思路：​

把变量名当成对象的一个属性名，把原本要给变量赋的值赋给此属性名。

​完整的代码：​

//定义变量;
var show = {};
for (var i = 1; i < 20; i++) {
    show[i] = true;
}

function getBtn(id) {
    var echartId = '#echart' + id;
    var hideItId = '#hideIt' + id;
    //判断操作;
    if (show[id] == true) {
        show[id] = false;
        $(echartId).fadeOut();
        $(hideItId).html('<img src=\"images/open.png\">');
    } else {
        show[id] = true;
        $(echartId).fadeIn();
        $(hideItId).html('<img src=\"images/retract.png\">');
    }

}