javascript引用动态变量名的变量值
2012-10-10 08:10
183 查看
今天在开发中遇到这样的需求:
有三个数组,分别是:
现在我们的html页面中有三个按钮,分别是buttonA,buttonB,buttonC,当用户点击了A按钮,就获取对应A数组的值,点击B按钮就获取对应B按钮的值,点击C按钮就获取C按钮的值。
当然笨的办法就是通过if判断写死,但是如果我们的每一个页面的按钮不一样,比如可能是c,d,e按钮,那判断就失效了。所以我们就想到,使用动态的变量名。什么意思呢?
当用户点击了A按钮,那我们就能获取到A按钮传递的值,比如值是a,那我们就可以根据a的值去拼接一个数组,例如:
本文首发于度外网络官方博客,转载请注明出处:http://www.duwaiweb.com/blog/20120905_642d8f55-6205-445b-9335-852b6bd1df5a.html
更多java毕业设计请访问:http://www.lunwenhui.com/java/page_7.html
有三个数组,分别是:
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
相关文章推荐
- javascript引用动态变量名的变量值
- Javascript中复制变量值,删除引用,释放内存机制
- javascript复制变量值时,基本类型值和引用类型值异同
- JavaScript交换两个变量值的七种解决方案
- 值传递 VS 引用传递(JavaScript: The Definitive Guide学习摘要4)
- 关于javascript正则“反向引用”
- javaScript——其他引用类型对象
- Javascript : 变量存放的是引用还是值
- .net之旅-JavaScript的导入引用(42)
- JavaScript传递变量:值传递?引用传递?
- html javascript jsp之间变量值的互相读取
- javascript学习笔记 - 引用类型 Function
- JavaScript基础——引用类型(四)基本包装类型(Boolean、Number、String)、单体内置对象(Global、Math)
- aspx页面引用js文件,javascript语句中有中文时会出错
- javascript基础(对象,对象属性,属性基本和引用数据类型,字面量创建对象,垃圾回收,属性的枚举)(十三)
- JavaScript的值传递和引用传递
- JavaScript高级程序设计-(4) 引用类型
- JavaScript程序顺序执行导致的HTML标签无法引用
- web前端之JavaScript高级程序设计二:引用类型
- javascript获取调用方法的父引用