目標:js的屬性名稱可以使用變數
舉例:js物件object,當賦給該物件屬性的時候可以採用以下方式
var object;
object.prop1 = "value1";
object.prop2 = "value2";
也可以採用以下方式:
object.push({prop1:"value1"});
object.push({prop2:"value2"});
這裡prop1 作為屬性名稱,可以直接用,也可以加上引號,比如:
object.push({"prop1":"value1"});
表達的意思都是一樣的,也就是說,prop1只能作為常數被識別,即使它是個變數也沒用,例如:
var prop1 = "prop2";
object.push({prop1:"value1"});
這樣透過object存取prop2會出現什麼情況呢?例如:
alert(object.prop2)
不用問,當然是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是不存在的.
