JS對象和字符串之間互換操作實(shí)例分析
本文實(shí)例講述了JS對象和字符串之間互換操作。分享給大家供大家參考,具體如下:
平時在工作中大家一定也有過這樣的需求,就是有時候需要把一個json對象轉(zhuǎn)換為字符串,有時候要把一個類似json對象的字符串轉(zhuǎn)換為json對象,那么今天就來總結(jié)一下,js的方法
1. json對象轉(zhuǎn)字符串
這個API很簡單就是 JSON.stringify() ,只需要把你要轉(zhuǎn)換的對象寫到括號里就行了,下面有一個小demo
let json = {
msg:"json轉(zhuǎn)字符串",
name:"前端林三哥",
skill:"handsome"
}
let str = JSON.stringify(json);
console.log(str);
結(jié)果如下:

很簡單!
2. 字符串轉(zhuǎn)json對象
有兩種情況
① 規(guī)范的json轉(zhuǎn)對象
② 不規(guī)范的json轉(zhuǎn)對象
舉個例子,怎么算規(guī)范的json呢,就是任何變量都用雙引號
let json2 = '{"msg":"json轉(zhuǎn)字符串","name":"前端林三哥","skill":"handsome"}'
這樣,單引號里面全都是雙引號,可以用 JSON.parse() 把要轉(zhuǎn)的字符串放入括號里就ok了,小demo
let json2 = '{"msg":"json轉(zhuǎn)字符串","name":"前端林三哥","skill":"handsome"}'
json2 = JSON.parse(json2);
console.log(json2);
結(jié)果如下

再有一種不是很規(guī)范的json對象,因?yàn)槲覀冇袝r候開發(fā),js是弱類型的語言,也有不規(guī)范的時候,比如有些人就喜歡用單引號(有什么辦法),比如下面的
let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";
如果我們用 JSON.parse() 的話,讓我們來試試
結(jié)果如下:

為什么會出現(xiàn)這個結(jié)果,因?yàn)槲覀兊淖址锩娌⒉皇且粋€規(guī)范的json,因?yàn)橐?guī)范的json,全都是用的雙引號,而我們都是用的單引號,所以,我們只能用另一種辦法 eval('('+ str +')')
讓我們來試試
let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";
let obj = eval('('+arr+')');
console.log(obj);
結(jié)果如下:

我們發(fā)現(xiàn)成功了,好了,今天就寫到這里吧,我說了這么多,其實(shí)我在記筆記,哈哈!
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- js 將json字符串轉(zhuǎn)換為json對象的方法解析
- 解析JSON對象與字符串之間的相互轉(zhuǎn)換
- JS中對象與字符串的互相轉(zhuǎn)換詳解
- javascript轉(zhuǎn)換字符串為dom對象(字符串動態(tài)創(chuàng)建dom)
- JS對象與json字符串格式轉(zhuǎn)換實(shí)例
- js字符串轉(zhuǎn)換成xml對象并使用技巧解讀
- 詳解JavaScript中js對象與JSON格式字符串的相互轉(zhuǎn)換
- 把json格式的字符串轉(zhuǎn)換成javascript對象或數(shù)組的方法總結(jié)
- Json對象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))
相關(guān)文章
抖音小程序一鍵獲取手機(jī)號的實(shí)現(xiàn)思路
前端通過code獲取sessionkey,再用sessionkey解密手機(jī)號加密信息,PHP后端實(shí)現(xiàn)這一過程,本文通過實(shí)例代碼給大家介紹抖音小程序一鍵獲取手機(jī)號功能,感興趣的朋友一起看看吧2025-01-01
JavaScript延遲加載之a(chǎn)sync與defer的應(yīng)用
這篇文章主要介紹了JavaScript延遲加載之a(chǎn)sync與defer的應(yīng)用場景與使用區(qū)別的介紹,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-09-09
javascript模擬滾動條實(shí)現(xiàn)代碼
從csdn的blog上轉(zhuǎn)過來的 做了些修改,其實(shí)寫的比較糟糕(我指的是構(gòu)造) 我用的是以前的一個drag類 在這個基礎(chǔ)上在的來完成的Slider2010-03-03
基于javascript實(shí)現(xiàn)tab切換特效
這篇文章主要介紹了基于javascript實(shí)現(xiàn)tab切換特效的相關(guān)資料,具有一定的參考價值,需要的朋友可以參考下2016-03-03
JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例
下面小編就為大家分享一篇JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12

