JS對象和字符串之間互換操作實例分析
本文實例講述了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對象,因為我們有時候開發(fā),js是弱類型的語言,也有不規(guī)范的時候,比如有些人就喜歡用單引號(有什么辦法),比如下面的
let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";
如果我們用 JSON.parse() 的話,讓我們來試試
結(jié)果如下:

為什么會出現(xiàn)這個結(jié)果,因為我們的字符串里面并不是一個規(guī)范的json,因為規(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)成功了,好了,今天就寫到這里吧,我說了這么多,其實我在記筆記,哈哈!
更多關(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é)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- js 將json字符串轉(zhuǎn)換為json對象的方法解析
- 解析JSON對象與字符串之間的相互轉(zhuǎn)換
- JS中對象與字符串的互相轉(zhuǎn)換詳解
- javascript轉(zhuǎn)換字符串為dom對象(字符串動態(tài)創(chuàng)建dom)
- JS對象與json字符串格式轉(zhuǎn)換實例
- js字符串轉(zhuǎn)換成xml對象并使用技巧解讀
- 詳解JavaScript中js對象與JSON格式字符串的相互轉(zhuǎn)換
- 把json格式的字符串轉(zhuǎn)換成javascript對象或數(shù)組的方法總結(jié)
- Json對象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細介紹(小結(jié))
相關(guān)文章
JavaScript延遲加載之a(chǎn)sync與defer的應(yīng)用
這篇文章主要介紹了JavaScript延遲加載之a(chǎn)sync與defer的應(yīng)用場景與使用區(qū)別的介紹,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-09-09

