JavaScript對象和字串之間的轉換實例探討

2019-11-20 22:47:32

字體：大中小

來源：轉載

供稿：網(wǎng)友

JavaScript 對象定義方式
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 = {};

復制代碼代碼如下:

 
<!--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> 

也可以在定義時初始化值：
var obj = {key:'11'};
對象如何轉換成string
如果直接使用 :

復制代碼代碼如下:

obj.toString()

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

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

復制代碼代碼如下:

 
<!--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> 

重點說一下為什么取值使用：

復制代碼代碼如下:

eval("obj."+attr);

而不是直接使用

復制代碼代碼如下:

obj.attr

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

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

復制代碼代碼如下:

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

obj1 直接是一個對象， obj2 只是一個字串。
使用eval(obj2) 就可以轉換為對象了。

為什么會有這種用法：因為很多時候，我們會從服務端返回這種字串供前端處理。

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

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

學習交流

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

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

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

JavaScript對象和字串之間的轉換實例探討