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

這篇文章主要介紹了JS對象和字符串之間互換操作,結合實例形式分析了javascript對象與字符串相互轉換的原理與相關操作技巧,需要的朋友可以參考下

本文實例講述了JS對象和字符串之間互換操作。分享給大家供大家參考，具體如下：

平時在工作中大家一定也有過這樣的需求，就是有時候需要把一個json對象轉換爲字符串，有時候要把一個類似json對象的字符串轉換爲json對象，那麼今天就來總結一下，js的方法

1. json對象轉字符串

這個API很簡單就是 JSON.stringify() ，只需要把你要轉換的對象寫到括號裏就行了，下面有一個小demo

let json = {
  msg:"json轉字符串",
  name:"前端林三哥",
  skill:"handsome"
}
let str = JSON.stringify(json);
console.log(str);

結果如下：

很簡單！

2. 字符串轉json對象

有兩種情況

① 規範的json轉對象
② 不規範的json轉對象

舉個例子，怎麼算規範的json呢，就是任何變量都用雙引號

let json2 = '{"msg":"json轉字符串","name":"前端林三哥","skill":"handsome"}'

這樣，單引號裏面全都是雙引號，可以用 JSON.parse() 把要轉的字符串放入括號裏就ok了，小demo

let json2 = '{"msg":"json轉字符串","name":"前端林三哥","skill":"handsome"}'
json2 = JSON.parse(json2);
console.log(json2);

結果如下

再有一種不是很規範的json對象，因爲我們有時候開發，js是弱類型的語言，也有不規範的時候，比如有些人就喜歡用單引號（有什麼辦法），比如下面的

let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";

如果我們用 JSON.parse() 的話，讓我們來試試

結果如下：

爲什麼會出現這個結果，因爲我們的字符串裏面並不是一個規範的json，因爲規範的json，全都是用的雙引號，而我們都是用的單引號，所以，我們只能用另一種辦法 eval('('+ str +')')
讓我們來試試

let arr = "[{'name': '\u53d6\u6d88\u8ba2\u5355\u91cf', 'type': '1', 'value1': '<', 'value2': '100'}]";
let obj = eval('('+arr+')');
console.log(obj);

結果如下：

我們發現成功了，好了，今天就寫到這裏吧，我說了這麼多，其實我在記筆記，哈哈！

希望本文所述對大家JavaScript程序設計有所幫助。