JavaScript對象和字串之間的轉(zhuǎn)換實(shí)例探討
更新時(shí)間:2013年04月21日 17:34:39 作者:
從對象的格式可以看出,如果字串的格式定義成 json 格式的, 就可以直接轉(zhuǎn)換為obj了,感興趣的朋友可以參考下哈
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>
也可以在定義時(shí)初始化值:
var obj = {key:'11'};
對象如何轉(zhuǎn)換成string
如果直接使用 :
obj.toString()
得到的是 [object,object] 這樣的字串。
從上面的第二種定義方式 (var obj = {key:'11'};) 可以看出, js 的對象對應(yīng)的字串類是一對大括號里包著一批鍵值對的方式。
其實(shí)就是JSON的數(shù)據(jù)格式, 不了解的可以學(xué)學(xué)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>
重點(diǎn)說一下為什么取值使用:
eval("obj."+attr);
而不是直接使用
obj.attr
因?yàn)?obj.attr 找到的 obj 中key 值為attr 的value , 但是obj 中并沒有attr 的key 值。
這里的attr 是一個(gè)變量。 所以 就要借助于eval 的方式了。
String 如何轉(zhuǎn)換為對象
從對象的格式可以看出,如果字串的格式定義成 json 格式的, 就可以直接轉(zhuǎn)換為obj了。
比較以下以下兩種的方式:
var obj1 = {attr1:'value1',attr2:'value2'};
var obj2 = "{attr1:'value1',attr2:'value2'}";
obj1 直接是一個(gè)對象, obj2 只是一個(gè)字串。
使用eval(obj2) 就可以轉(zhuǎn)換為對象了。
為什么會有這種用法: 因?yàn)楹芏鄷r(shí)候,我們會從服務(wù)端返回這種字串供前端處理。
1. var obj = new Object()
復(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 = 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'};
對象如何轉(zhuǎn)換成string
如果直接使用 :
復(fù)制代碼 代碼如下:
obj.toString()
得到的是 [object,object] 這樣的字串。
從上面的第二種定義方式 (var obj = {key:'11'};) 可以看出, js 的對象對應(yīng)的字串類是一對大括號里包著一批鍵值對的方式。
其實(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)換為對象
從對象的格式可以看出,如果字串的格式定義成 json 格式的, 就可以直接轉(zhuǎn)換為obj了。
比較以下以下兩種的方式:
復(fù)制代碼 代碼如下:
var obj1 = {attr1:'value1',attr2:'value2'};
var obj2 = "{attr1:'value1',attr2:'value2'}";
obj1 直接是一個(gè)對象, obj2 只是一個(gè)字串。
使用eval(obj2) 就可以轉(zhuǎn)換為對象了。
為什么會有這種用法: 因?yàn)楹芏鄷r(shí)候,我們會從服務(wù)端返回這種字串供前端處理。
相關(guān)文章
JavaScript面試出現(xiàn)頻繁的一些易錯(cuò)點(diǎn)整理
通過幾個(gè)常見面試開始,討論針對一個(gè)題目的分析思路,就有了下面這篇文章,本文主要給大家整理總結(jié)介紹了關(guān)于JavaScript面試中會頻繁出現(xiàn)的一些易錯(cuò)點(diǎn),對大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起看看吧。2018-03-03JS實(shí)現(xiàn)遍歷不規(guī)則多維數(shù)組的方法
這篇文章主要介紹了JS實(shí)現(xiàn)遍歷不規(guī)則多維數(shù)組的方法,涉及javascript數(shù)組遞歸遍歷相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2018-03-03iOS和Android用同一個(gè)二維碼實(shí)現(xiàn)跳轉(zhuǎn)下載鏈接的方法
這篇文章給大家分享的是iOS和Android掃描同一個(gè)二維碼,分別跳到各自的下載鏈接的實(shí)現(xiàn)方法,文中給出了實(shí)例代碼,有需要的朋友們可以參考借鑒。2016-09-09微信小程序scroll-view實(shí)現(xiàn)橫向滾動和上拉加載示例
本篇文章主要介紹了微信小程序scroll-view實(shí)現(xiàn)橫向滾動和上拉加載示例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-03-03使用 Node.js 做 Function Test實(shí)現(xiàn)方法
這篇文章介紹了Node.js 做 Function Test實(shí)現(xiàn)方法,有需要的朋友可以參考一下2013-10-10javascript 關(guān)鍵字高亮顯示實(shí)現(xiàn)代碼
屏蔽HTML標(biāo)簽,支持多關(guān)鍵字(以空格間隔),關(guān)鍵字內(nèi)可含有特殊字符2010-09-09用javascript實(shí)現(xiàn)gb2312轉(zhuǎn)utf-8的腳本
用javascript實(shí)現(xiàn)gb2312轉(zhuǎn)utf-8的腳本...2007-05-05