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

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

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

為什么會(huì)出現(xiàn)這個(gè)結(jié)果,因?yàn)槲覀兊淖址锩娌⒉皇且粋€(gè)規(guī)范的json,因?yàn)橐?guī)范的json,全都是用的雙引號(hào),而我們都是用的單引號(hào),所以,我們只能用另一種辦法 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錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- js 將json字符串轉(zhuǎn)換為json對(duì)象的方法解析
- 解析JSON對(duì)象與字符串之間的相互轉(zhuǎn)換
- JS中對(duì)象與字符串的互相轉(zhuǎn)換詳解
- javascript轉(zhuǎn)換字符串為dom對(duì)象(字符串動(dòng)態(tài)創(chuàng)建dom)
- JS對(duì)象與json字符串格式轉(zhuǎn)換實(shí)例
- js字符串轉(zhuǎn)換成xml對(duì)象并使用技巧解讀
- 詳解JavaScript中js對(duì)象與JSON格式字符串的相互轉(zhuǎn)換
- 把json格式的字符串轉(zhuǎn)換成javascript對(duì)象或數(shù)組的方法總結(jié)
- Json對(duì)象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))
相關(guān)文章
uni-app路由配置文件pages.json平臺(tái)化拆分
這篇文章主要為大家介紹了uni-app路由配置文件pages.json平臺(tái)化拆分示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-01-01
抖音小程序一鍵獲取手機(jī)號(hào)的實(shí)現(xiàn)思路
前端通過code獲取sessionkey,再用sessionkey解密手機(jī)號(hào)加密信息,PHP后端實(shí)現(xiàn)這一過程,本文通過實(shí)例代碼給大家介紹抖音小程序一鍵獲取手機(jī)號(hào)功能,感興趣的朋友一起看看吧2025-01-01
js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼
在本篇文章里小編給大家整理的是關(guān)于js時(shí)間轉(zhuǎn)換毫秒的實(shí)例代碼以及相關(guān)知識(shí)點(diǎn),需要的朋友們可以學(xué)習(xí)下。2019-08-08
JavaScript延遲加載之a(chǎn)sync與defer的應(yīng)用
這篇文章主要介紹了JavaScript延遲加載之a(chǎn)sync與defer的應(yīng)用場景與使用區(qū)別的介紹,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-09-09
javascript模擬滾動(dòng)條實(shí)現(xiàn)代碼
從csdn的blog上轉(zhuǎn)過來的 做了些修改,其實(shí)寫的比較糟糕(我指的是構(gòu)造) 我用的是以前的一個(gè)drag類 在這個(gè)基礎(chǔ)上在的來完成的Slider2010-03-03
基于javascript實(shí)現(xiàn)tab切換特效
這篇文章主要介紹了基于javascript實(shí)現(xiàn)tab切換特效的相關(guān)資料,具有一定的參考價(jià)值,需要的朋友可以參考下2016-03-03
JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例
下面小編就為大家分享一篇JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2017-12-12

