动态设置js的属性

目标:js的属性名能够使用变量

举例:js对象object,当赋给该对象属性的时候能够採用下面方式

var object;

也能够採用例如以下方式:


在这里prop1 作为属性名称,能够直接用,也能够加上引號,比方:


表达的含义都是一样的,也就是说,prop1仅仅能作为常量被识别,即使它是个变量也没用,比如:




这样通过object訪问prop2会出现什么情况呢?

比方:



原因已经说过了,不管加不加引號,属性一律当成常量对待.再举一个样例:

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是不存在的.