您的位置:首页 > Web前端 > JavaScript

javascript引用动态变量名的变量值

2012-10-10 08:10 183 查看
今天在开发中遇到这样的需求:

有三个数组,分别是:

var a_Array = new Array("baise");
var b_Array = new Array("heise");
var c_Array = new Array("baise","huise");


现在我们的html页面中有三个按钮,分别是buttonA,buttonB,buttonC,当用户点击了A按钮,就获取对应A数组的值,点击B按钮就获取对应B按钮的值,点击C按钮就获取C按钮的值。

当然笨的办法就是通过if判断写死,但是如果我们的每一个页面的按钮不一样,比如可能是c,d,e按钮,那判断就失效了。所以我们就想到,使用动态的变量名。什么意思呢?

当用户点击了A按钮,那我们就能获取到A按钮传递的值,比如值是a,那我们就可以根据a的值去拼接一个数组,例如:

var a_Array = new Array("baise");
var b_Array = new Array("heise");
var c_Array = new Array("baise","huise");

function selectBtn(btnId){

var btnVal = document.getElementById("btnId").value;

//我们模拟当用户点击A按钮就循环A数组,点击B按钮就循环B数组,点击C按钮就循序C数组

//我们首先可能会想到如下写法:

// var selectArray = btnVal+"_Array";

// 那么我们打印selectArray其实并不是我们想要的数组,而是一个内容为"btnVal_Array"的字符串而已

//那么我们如何通过动态拼接的方式来完成我们想要的功能呢,可以通过this关键字

//this[] 引用类型,引用原属性的值

for(var i=0;iselectArray].length;i++){
var selectId = this[selectArray][i];

}

}


本文首发于度外网络官方博客,转载请注明出处:http://www.duwaiweb.com/blog/20120905_642d8f55-6205-445b-9335-852b6bd1df5a.html

更多java毕业设计请访问:http://www.lunwenhui.com/java/page_7.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息