JavaScript對(duì)象和字串之間的轉(zhuǎn)換實(shí)例探討

2019-11-20 22:47:32

字體：大中小

供稿：網(wǎng)友

JavaScript 對(duì)象定義方式
1. var obj = new Object()

 
<!--Add by oscar999--> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Author" CONTENT="oscar999"> 
<script> 
var obj = new Object(); 
obj.key = "11"; 
alert(obj.key); 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML> 

2. var obj = {};

復(fù)制代碼代碼如下:

 
<!--Add by oscar999--> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Author" CONTENT="oscar999"> 
<script> 
var obj = {}; 
obj.key = "11"; 
alert(obj.key); 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML> 

也可以在定義時(shí)初始化值：
var obj = {key:'11'};
對(duì)象如何轉(zhuǎn)換成string
如果直接使用 :

復(fù)制代碼代碼如下:

obj.toString()

得到的是 [object,object] 這樣的字串。
從上面的第二種定義方式 (var obj = {key:'11'};) 可以看出， js 的對(duì)象對(duì)應(yīng)的字串類是一對(duì)大括號(hào)里包著一批鍵值對(duì)的方式。

其實(shí)就是JSON的數(shù)據(jù)格式，不了解的可以學(xué)學(xué)json 格式。
使用以下方式就可以取出obj 的key 和value了。

復(fù)制代碼代碼如下:

 
<!--Add by oscar999--> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Author" CONTENT="oscar999"> 
<script> 
var obj = {attr1:'value1',attr2:'value2'}; 
for(attr in obj) 
{ 
alert(attr); 
alert(eval("obj."+attr)); 
} 
</script> 
</HEAD> 
<BODY> 
</BODY> 
</HTML> 

重點(diǎn)說一下為什么取值使用：

復(fù)制代碼代碼如下:

eval("obj."+attr);

而不是直接使用

復(fù)制代碼代碼如下:

obj.attr

因?yàn)?obj.attr 找到的 obj 中key 值為attr 的value ，但是obj 中并沒有attr 的key 值。
這里的attr 是一個(gè)變量。所以就要借助于eval 的方式了。

String 如何轉(zhuǎn)換為對(duì)象
從對(duì)象的格式可以看出，如果字串的格式定義成 json 格式的，就可以直接轉(zhuǎn)換為obj了。
比較以下以下兩種的方式：

復(fù)制代碼代碼如下:

 
var obj1 = {attr1:'value1',attr2:'value2'}; 
var obj2 = "{attr1:'value1',attr2:'value2'}"; 

obj1 直接是一個(gè)對(duì)象， obj2 只是一個(gè)字串。
使用eval(obj2) 就可以轉(zhuǎn)換為對(duì)象了。

為什么會(huì)有這種用法：因?yàn)楹芏鄷r(shí)候，我們會(huì)從服務(wù)端返回這種字串供前端處理。

上一篇：文字不間斷滾動(dòng)(上下左右)實(shí)例代碼

下一篇：jquery獲取自定義屬性(attr和prop)實(shí)例介紹

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

JavaScript對(duì)象和字串之間的轉(zhuǎn)換實(shí)例探討