使用變量動(dòng)態(tài)設(shè)置js的屬性名
目標(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á)的含義都是一樣的,也就是說(shuō),prop1只能作為常量被識(shí)別,即使它是個(gè)變量也沒(méi)用,例如:
var prop1 = "prop2";
object.push({prop1:"<span style="font-family: Arial, Helvetica, sans-serif;">value1</span>"});
這樣通過(guò)object訪問(wèn)prop2會(huì)出現(xiàn)什么情況呢?比如:
alert(<span style="font-family: Arial, Helvetica, sans-serif;">object.prop2) </span>
不用問(wèn),當(dāng)然是undefined,而訪問(wèn)object.prop1卻是"value1"
原因已經(jīng)說(shuō)過(guò)了,無(wú)論加不加引號(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,而且通過(guò)兩次循環(huán),obj.i前面的被后面的覆蓋掉.
如果有需求,需要?jiǎng)討B(tài)添加屬性,也就是說(shuō),屬性也必須是一個(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);
就是那么簡(jiǎn)單!把對(duì)象obj當(dāng)成一個(gè)數(shù)組來(lái)對(duì)待,它支持使用類似于下標(biāo)形式的方法來(lái)把屬性和屬性值賦給對(duì)象.但是,對(duì)象依然是對(duì)象,obj.length是不存在的.
相關(guān)文章
mpvue網(wǎng)易云短信接口實(shí)現(xiàn)小程序短信登錄的示例代碼
這篇文章主要介紹了mpvue網(wǎng)易云短信接口實(shí)現(xiàn)小程序短信登錄的示例代碼,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04基于javascript實(shí)現(xiàn)最簡(jiǎn)單選項(xiàng)卡切換
這篇文章主要為大家詳細(xì)介紹了基于javascript實(shí)現(xiàn)最簡(jiǎn)單選項(xiàng)卡切換,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章主要介紹了bootstrap jquery dataTable 異步ajax刷新表格數(shù)據(jù)的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-02-02use jscript Create a SQL Server database
use jscript Create a SQL Server database...2007-06-06JS實(shí)現(xiàn)的Unicode編碼轉(zhuǎn)換操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的Unicode編碼轉(zhuǎn)換操作,結(jié)合完整實(shí)例形式分析了javascript實(shí)現(xiàn)Unicode編碼轉(zhuǎn)換的具體操作技巧,需要的朋友可以參考下2017-04-04超越Jquery_01_isPlainObject分析與重構(gòu)
isPlainObject是Jquery1.4后提供的新方法,用于判斷對(duì)象是否是純粹的對(duì)象(通過(guò) {} 或者 new Object 創(chuàng)建的)。2010-10-10