| 标题 | 使用变量动态设置js的属性名 |
| 范文 | 目标:js的属性名可以使用变量 举例:js对象object,当赋给该对象属性的时候可以采用以下方式 代码如下: var object; object.prop1 = "value1"; object.prop2 = "value2"; 也可以采用如下方式: 代码如下: object.push({prop1:"value1"}); object.push({prop2:"value2"}); 在这里prop1 作为属性名称,可以直接用,也可以加上引号,比如: 代码如下: object.push({"<span>prop1</span>":"value1"}); 表达的含义都是一样的,也就是说,prop1只能作为常量被识别,即使它是个变量也没用,例如: 代码如下: var prop1 = "prop2"; object.push({prop1:"<span>value1</span>"}); 这样通过object访问prop2会出现什么情况呢?比如: 代码如下: alert(<span>object.prop2) </span> 不用问,当然是undefined,而访问object.prop1却是"value1" 原因已经说过了,无论加不加引号,属性一律当成常量对待.再举一个例子: 代码如下: var arr=[]; arr['js']='jquery'; arr['css']='oocss'; var obj={}; for(var i in arr) { obj.i=arr[i]; } alert(obj.js); 读者不放猜一下alert会打印什么? 当然是undefined. 大家再猜一下,如果alert(obj.i)会打印什么? 当然是oocss,为什么?因为obj现在只有一个属性i,而且通过两次循环,obj.i前面的被后面的覆盖掉. 如果有需求,需要动态添加属性,也就是说,属性也必须是一个变量才行,如上例代码,alert(obj.js)不是undefined,而是jquery,该如何修改呢? 代码如下: var arr=[]; arr['js']='jquery'; arr['css']='oocss'; var obj={}; for(var i in arr) { obj[i]=arr[i]; } alert(obj.js); 就是那么简单!把对象obj当成一个数组来对待,它支持使用类似于下标形式的方法来把属性和属性值赋给对象.但是,对象依然是对象,obj.length是不存在的. |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。