动态设置js的属性

目标:js的属性名可以使用变量

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

var object;

object.prop1 = "value1";

object.prop2 = "value2";

也可以採用例如如下方式:

object.push({prop1:"value1"});

object.push({prop2:"value2"});

在这里prop1 做为属性名称,可以直接用,也可以加上引號,比方:

object.push({"<span style="font-family: Arial, Helvetica, sans-serif;">prop1</span>":"value1"});

表达的含义都是同样的,也就是说,prop1仅仅能做为常量被识别,即便它是个变量也没用,好比:

var prop1 = "prop2";

object.push({prop1:"<span style="font-family: Arial, Helvetica, sans-serif;">value1</span>"});

这样经过object訪问prop2会出现什么状况呢?

比方:

alert(<span style="font-family: Arial, Helvetica, sans-serif;">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是不存在的.