目標(biāo):js的屬性名可以使用變量

舉例:js對(duì)象object,當(dāng)賦給該對(duì)象屬性的時(shí)候可以采用以下方式

代碼如下:

var object;

object.prop1 = "value1";

object.prop2 = "value2";

也可以采用如下方式:

代碼如下:

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

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

在這里prop1 作為屬性名稱,可以直接用,也可以加上引號(hào),比如:

代碼如下:

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

表達(dá)的含義都是一樣的,也就是說,prop1只能作為常量被識(shí)別,即使它是個(gè)變量也沒用,例如:

代碼如下:

var prop1 = "prop2";

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

這樣通過object訪問prop2會(huì)出現(xiàn)什么情況呢?比如:

代碼如下:

alert(<span style="font-family: Arial, Helvetica, sans-serif;">object.prop2) </span>

不用問,當(dāng)然是undefined,而訪問object.prop1卻是"value1"

原因已經(jīng)說過了,無論加不加引號(hào),屬性一律當(dāng)成常量對(duì)待.再舉一個(gè)例子:

代碼如下:

var arr=[];

arr['js']='jquery';

arr['css']='oocss';

var obj={};

for(var i in arr)

{

obj.i=arr[i];

}

alert(obj.js);

讀者不放猜一下alert會(huì)打印什么?

當(dāng)然是undefined.

大家再猜一下,如果alert(obj.i)會(huì)打印什么?

當(dāng)然是oocss,為什么?因?yàn)閛bj現(xiàn)在只有一個(gè)屬性i,而且通過兩次循環(huán),obj.i前面的被后面的覆蓋掉.

如果有需求,需要?jiǎng)討B(tài)添加屬性,也就是說,屬性也必須是一個(gè)變量才行,如上例代碼,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);

就是那么簡單!把對(duì)象obj當(dāng)成一個(gè)數(shù)組來對(duì)待,它支持使用類似于下標(biāo)形式的方法來把屬性和屬性值賦給對(duì)象.但是,對(duì)象依然是對(duì)象,obj.length是不存在的.

更多信息請(qǐng)查看IT技術(shù)專欄