欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS對象和字符串之間互換操作實例分析

 更新時間:2019年02月02日 10:51:12   作者:前端林三哥  
這篇文章主要介紹了JS對象和字符串之間互換操作,結(jié)合實例形式分析了javascript對象與字符串相互轉(zhuǎn)換的原理與相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了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è)計有所幫助。

相關(guān)文章

  • javascript和jquery中cookie的設(shè)置方法

    javascript和jquery中cookie的設(shè)置方法

    Cookie 是瀏覽器訪問服務(wù)器后,服務(wù)器傳給瀏覽器的一段數(shù)據(jù)。瀏覽器需要保存這段數(shù)據(jù),不會輕易刪除(保存在計算機中)。此后每次瀏覽器訪問該服務(wù)器,都必須帶上這段數(shù)據(jù)。這篇文章主要介紹了javascript和jquery中cookie的設(shè)置方法
    2023-07-07
  • js模擬微博發(fā)布消息

    js模擬微博發(fā)布消息

    本文主要介紹了js模擬微博發(fā)布消息的實例,具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • 瀏覽器加載、渲染和解析過程黑箱簡析

    瀏覽器加載、渲染和解析過程黑箱簡析

    瀏覽器加載、渲染和解析過程的黑箱分析,對于渲染,利用 Fiddler 將網(wǎng)速調(diào)慢,可以看到 css 下載后會馬上渲染到頁面,渲染和下載同步進行,需要的朋友可以參考下
    2012-11-11
  • 微信小程序 scroll-view實現(xiàn)錨點滑動的示例

    微信小程序 scroll-view實現(xiàn)錨點滑動的示例

    本篇文章主要介紹了微信小程序 scroll-view實現(xiàn)錨點滑動的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-12-12
  • JS 俄羅斯方塊完美注釋版代碼

    JS 俄羅斯方塊完美注釋版代碼

    JS俄羅斯方塊完美注釋版 v 1.01 從學(xué)c語言那一會兒都想寫一個俄羅斯方塊,可是每次動起手總覺得難度太大. 今天終于用了大約4個小時寫出來了. 其中在涉及到方塊變型的時候還咨詢了
    2008-11-11
  • 簡單的前端js+ajax 購物車框架(入門篇)

    簡單的前端js+ajax 購物車框架(入門篇)

    其實,一直想把自己寫的一些js給總結(jié)下,也許是能力有限不能把它完美結(jié)合起來。只能自己默默的看著哪些代碼,無能為力
    2011-10-10
  • 小程序?qū)崿F(xiàn)自定義多層級單選和多選

    小程序?qū)崿F(xiàn)自定義多層級單選和多選

    這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)自定義多層級單選和多選,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • javascript(js) join函數(shù)使用方法介紹

    javascript(js) join函數(shù)使用方法介紹

    javascript(js) join函數(shù)使用方法介紹...
    2007-11-11
  • 微信小程序?qū)崿F(xiàn)自動回復(fù)圖片消息

    微信小程序?qū)崿F(xiàn)自動回復(fù)圖片消息

    這篇文章主要介紹了微信小程序?qū)崿F(xiàn)客服消息自動回復(fù)圖片消息,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)吧
    2023-01-01
  • 解析js原生方法創(chuàng)建表格效率測試

    解析js原生方法創(chuàng)建表格效率測試

    對于創(chuàng)建表格本文提到的算法共有3種,分別是直接操作dom、借助createDocumentFragment、借助js的原生表格操作方法
    2013-07-07

最新評論