DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript對象和字串之間的轉換實例探討
JavaScript對象和字串之間的轉換實例探討
編輯:關於JavaScript     
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的數據格式, 不了解的可以學學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) 就可以轉換為對象了。

為什麼會有這種用法: 因為很多時候,我們會從服務端返回這種字串供前端處理。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved