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) 就可以轉換為對象了。

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