使用變量動(dòng)態(tài)設(shè)置js的屬性名
更新時(shí)間：2014年10月19日 11:25:29 投稿：whsnow
js的屬性名可以使用變量，例如js對(duì)象object,當(dāng)賦給該對(duì)象屬性的時(shí)候可以采用以下方式，比較實(shí)用，需要的朋友可以看看
目標(biāo):js的屬性名可以使用變量
舉例:js對(duì)象object,當(dāng)賦給該對(duì)象屬性的時(shí)候可以采用以下方式
復(fù)制代碼 代碼如下:
var object;
object.prop1 = "value1";
object.prop2 = "value2";
也可以采用如下方式:
復(fù)制代碼 代碼如下:
object.push({prop1:"value1"});
object.push({prop2:"value2"});
在這里prop1 作為屬性名稱(chēng),可以直接用,也可以加上引號(hào),比如:
復(fù)制代碼 代碼如下:
object.push({"<span style="font-family: Arial, Helvetica, sans-serif;">prop1</span>":"value1"});
表達(dá)的含義都是一樣的,也就是說(shuō),prop1只能作為常量被識(shí)別,即使它是個(gè)變量也沒(méi)用,例如:
復(fù)制代碼 代碼如下:
var prop1 = "prop2";
object.push({prop1:"<span style="font-family: Arial, Helvetica, sans-serif;">value1</span>"});
這樣通過(guò)object訪問(wèn)prop2會(huì)出現(xiàn)什么情況呢?比如:
復(fù)制代碼 代碼如下:
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è)例子:
復(fù)制代碼 代碼如下:
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,該如何修改呢?
復(fù)制代碼 代碼如下:
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ì)待,它支持使用類(lèi)似于下標(biāo)形式的方法來(lái)把屬性和屬性值賦給對(duì)象.但是,對(duì)象依然是對(duì)象,obj.length是不存在的.
相關(guān)文章
本篇文章主要介紹了vue-router重定向不刷新問(wèn)題的解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
深拷貝和淺拷貝是面試中經(jīng)常出現(xiàn)的,主要考察對(duì)基本類(lèi)型和引用類(lèi)型的理解深度,這篇文章主要給大家介紹了關(guān)于js深拷貝和淺拷貝的相關(guān)資料,需要的朋友可以參考下2022-10-10
7個(gè)你應(yīng)該知道的JS原生錯(cuò)誤類(lèi)型
這篇文章主要介紹了7個(gè)你應(yīng)該知道的JS原生錯(cuò)誤類(lèi)型，對(duì)此感興趣的同學(xué)，可以參考一下2021-04-04
循環(huán)處理是最常見(jiàn)的編程模式之一，也是提升性能必須關(guān)注的要點(diǎn)之一。本文將對(duì)此進(jìn)行介紹。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
JS 60秒后重新發(fā)送驗(yàn)證碼的實(shí)例講解
下面小編就為大家?guī)?lái)一篇JS 60秒后重新發(fā)送驗(yàn)證碼的實(shí)例講解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
trackingjs+websocket+百度人臉識(shí)別API實(shí)現(xiàn)人臉簽到
這篇文章主要介為大家詳細(xì)紹了trackingjs+websocket+百度人臉識(shí)別API實(shí)現(xiàn)人臉簽到功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
接口是一系列抽象方法的聲明，是一些方法特征的集合，這些方法都應(yīng)該是抽象的，需要由具體的類(lèi)去實(shí)現(xiàn)，然后第三方就可以通過(guò)這組抽象方法調(diào)用，讓具體的類(lèi)執(zhí)行具體的方法，泛型是靜態(tài)類(lèi)型語(yǔ)言的基本特征，允許將類(lèi)型作為參數(shù)傳遞給另一個(gè)類(lèi)型、函數(shù)、或者其他結(jié)構(gòu)2022-10-10
超好玩js頁(yè)面效果之實(shí)現(xiàn)數(shù)值的動(dòng)態(tài)變化
這篇文章主要給大家介紹了關(guān)于超好玩js頁(yè)面效果之實(shí)現(xiàn)數(shù)值的動(dòng)態(tài)變化的相關(guān)資料,文中通過(guò)示例代碼及圖文介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了JS 實(shí)現(xiàn)微信掃一掃功能,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-09-09
JS JSON對(duì)象轉(zhuǎn)為字符串的簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了JS中JSON對(duì)象轉(zhuǎn)為字符串的簡(jiǎn)單實(shí)現(xiàn)方法。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11