javascript使用方括号
来源:互联网 发布:录制广告语软件 编辑:程序博客网 时间:2024/06/05 14:20
javascript使用方括号([])引用对象的属性和方法一个
在JavaScript中,每个对象可以看作是多个属性(方法)的集合,引用属性(方法)
很简单,即:
[javascript] 复制 [保存] 保存
对象名.属性(方法)名
除此之外,还可以用方括号的形式来引用:
[javascript] 复制 [保存] 保存
对象名["属性(方法)名"]
注意,这里的方法名和属性名是一个字符串,而非原先点号后面的标识符,例如:
[javascript] 复制 [保存] 保存
var arr=new Array();
//为数组添加一个元素
arr["push"]("Leepy");
//获得数组的长度
var len=arr["length"];
//输出数组的长度
alert(len);
上面的代码等价于:
[javascript] 复制 [保存] 保存
var arr=new Array();
//为数组添加一个元素
arr.push( "Leepy");
//获得数组的长度
var len=arr.length;
//输出数组的长度
alert(len);
这种引用属性(方法)的方式和数组类似,也体现出一个JavaScript对象就是一组属性(方法)的集合这个性质。
这种用法适合不确定具体要引用哪个属性(方法)的场合,例如:一个对象用于表示用户资料,这时一个字符串表示要使用哪个属性,那就可以用这种方式来引用:
[HTML] 阅读 [HTML] 编辑 [HTML] 运行 [HTML] 复制 [保存] 保存
<script language="JavaScript" type="text/javascript">
<!--
//定义了一个User 类,包括两个成员age和sex,并指定了初始值。
function User(){
this.age=23;
this.sex="男";
}
//创建user 对象
var user=new User();
//根据下拉列表框显示用户的信息
function show(slt){
if(slt.selectedIndex!=0){
alert(user[slt.value]);
}
}
//-->
</script>
<!--下拉列表框用于选择用户信息-->
<select onchange="show(this)">
<option>请选择需要查看的信息:</option>
<option value="age">年龄</option>
<option value="sex">性别</option>
</select>
<script language="JavaScript" type="text/javascript"> <!-- //定义了一个User 类,包括两个成员age和sex,并指定了初始值。 function User(){ this.age=23; this.sex="男"; } //创建user 对象 var user=new User(); //根据下拉列表框显示用户的信息 function show(slt){ if(slt.selectedIndex!=0){ alert(user[slt.value]); } } //--> </script> <!--下拉列表框用于选择用户信息--> <select onchange="show(this)"> <option>请选择需要查看的信息:</option> <option value="age">年龄</option> <option value="sex">性别</option> </select>
在这段代码中,使用一个下拉列表框让用户选择查看哪个信息,每个选项的value就表
示用户对象的属性名称。这时如果不采用方括号的形式,就必须使用如下代码来达到预期效
果:
[javascript] 复制 [保存] 保存
function show(slt){
if(slt.selectedIndex!=0){
if(slt.value=="age")alert(user.age);
if(slt.value=="sex")alert(user.sex);
}
}
而使用方括号语法,则只需写为:
[javascript] 复制 [保存] 保存
alert(user[slt.value]);
由此可见,方括号语法更像一种参数语法,可用一个变量来表示引用对象的哪个属性。
如果不采用这种方法,又不想用条件判断,可以使用eval函数:
[javascript] 复制 [保存] 保存
alert(eval("user."+slt.value));
这里利用eval函数的性质,执行了一段动态生成的代码,并返回了结果。
实际上,在document 的集合对象时,就有类似方括号的用法,比如引用页面
中一个名为“theForm”的表单对象,曾经的用法是:
[javascript] 复制 [保存] 保存
document.forms["theForm"];
其实也可以写为:
[javascript] 复制 [保存] 保存
document.forms.theForm;
但这里的forms 对象是一个内部对象,和自定义对象不同的是,它还可以用索引来引用
其中的一个属性。
很简单,即:
[javascript] 复制 [保存] 保存
对象名.属性(方法)名
除此之外,还可以用方括号的形式来引用:
[javascript] 复制 [保存] 保存
对象名["属性(方法)名"]
注意,这里的方法名和属性名是一个字符串,而非原先点号后面的标识符,例如:
[javascript] 复制 [保存] 保存
var arr=new Array();
//为数组添加一个元素
arr["push"]("Leepy");
//获得数组的长度
var len=arr["length"];
//输出数组的长度
alert(len);
上面的代码等价于:
[javascript] 复制 [保存] 保存
var arr=new Array();
//为数组添加一个元素
arr.push( "Leepy");
//获得数组的长度
var len=arr.length;
//输出数组的长度
alert(len);
这种引用属性(方法)的方式和数组类似,也体现出一个JavaScript对象就是一组属性(方法)的集合这个性质。
这种用法适合不确定具体要引用哪个属性(方法)的场合,例如:一个对象用于表示用户资料,这时一个字符串表示要使用哪个属性,那就可以用这种方式来引用:
[HTML] 阅读 [HTML] 编辑 [HTML] 运行 [HTML] 复制 [保存] 保存
<script language="JavaScript" type="text/javascript">
<!--
//定义了一个User 类,包括两个成员age和sex,并指定了初始值。
function User(){
this.age=23;
this.sex="男";
}
//创建user 对象
var user=new User();
//根据下拉列表框显示用户的信息
function show(slt){
if(slt.selectedIndex!=0){
alert(user[slt.value]);
}
}
//-->
</script>
<!--下拉列表框用于选择用户信息-->
<select onchange="show(this)">
<option>请选择需要查看的信息:</option>
<option value="age">年龄</option>
<option value="sex">性别</option>
</select>
<script language="JavaScript" type="text/javascript"> <!-- //定义了一个User 类,包括两个成员age和sex,并指定了初始值。 function User(){ this.age=23; this.sex="男"; } //创建user 对象 var user=new User(); //根据下拉列表框显示用户的信息 function show(slt){ if(slt.selectedIndex!=0){ alert(user[slt.value]); } } //--> </script> <!--下拉列表框用于选择用户信息--> <select onchange="show(this)"> <option>请选择需要查看的信息:</option> <option value="age">年龄</option> <option value="sex">性别</option> </select>
在这段代码中,使用一个下拉列表框让用户选择查看哪个信息,每个选项的value就表
示用户对象的属性名称。这时如果不采用方括号的形式,就必须使用如下代码来达到预期效
果:
[javascript] 复制 [保存] 保存
function show(slt){
if(slt.selectedIndex!=0){
if(slt.value=="age")alert(user.age);
if(slt.value=="sex")alert(user.sex);
}
}
而使用方括号语法,则只需写为:
[javascript] 复制 [保存] 保存
alert(user[slt.value]);
由此可见,方括号语法更像一种参数语法,可用一个变量来表示引用对象的哪个属性。
如果不采用这种方法,又不想用条件判断,可以使用eval函数:
[javascript] 复制 [保存] 保存
alert(eval("user."+slt.value));
这里利用eval函数的性质,执行了一段动态生成的代码,并返回了结果。
实际上,在document 的集合对象时,就有类似方括号的用法,比如引用页面
中一个名为“theForm”的表单对象,曾经的用法是:
[javascript] 复制 [保存] 保存
document.forms["theForm"];
其实也可以写为:
[javascript] 复制 [保存] 保存
document.forms.theForm;
但这里的forms 对象是一个内部对象,和自定义对象不同的是,它还可以用索引来引用
其中的一个属性。
- javascript使用方括号
- javascript 方括号
- javascript使用方括号([])引用对象的属性和方法
- javascript使用方括号([])和“.”引用对象的属性和方法
- Javascript使用方括号([])引用对象的属性和方法,[]和.的区别
- Objective-C 理解之方括号[ ]的使用
- Objective-C 理解之方括号[ ]的使用
- Objective-C 理解之方括号[ ]的使用
- Objective-C 理解之方括号[ ]的使用
- java使用正则表达式提取方括号中内容
- C# 方括号
- latex中使用proof证明时如何去掉QED(结尾的方括号)
- 用方括号填充向量
- latex 调整方括号大小
- freemarker 替换(方括号)语法
- JS的方括号测试
- freemarker 轮换(方括号)语法
- freemarker 替换(方括号)语法
- Use Microsoft SharePoint Designer 2010 to customize the list view 2
- 二分图匹配的H-K算法
- Android视频通话
- PHP iconv(): Unknown error (22)
- 一个版本问题
- javascript使用方括号
- 经典面试题——n皇后问题
- 5.0模拟器添加libresolv.dylib出错
- 如何正确使用flash player的新功能
- javascript 日期类
- Java向C++发送结构体
- 静静的在心里承受所有的伤痛和不快乐
- android:layout_marginLeft与android:paddingLeft区别
- ogre 本地空间,父节点空间,世界空间