動態設置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是不存在的.