JSON.parse處理非標準Json數(shù)據(jù)出錯的解決
JSON.parse處理非標準Json數(shù)據(jù)出錯
標準json格式
通常我們在編碼中使用的object是類似于下面這種：
let object = {
?? ?key1: 'value1',
?? ?key2: 'value2',
?? ?...
}這樣的對象在代碼中鍵是不需要用引號括起來的。但是標準Json的格式應該是如下:
{
?? ?"key1": "value1",
?? ?"key2": "value2",
?? ?...
}鍵值都需要用雙引號括起來（不能用單引號）。
有時候后臺傳給前臺的數(shù)據(jù)被轉(zhuǎn)成了字符串形式，并且是各種不標準的json格式，這時候js中使用JSON.parse會報錯。
解決方法
可以使用強大的eval（）函數(shù) 處理非標準json，使用方式如下：
json_string = "{key1: 'value1', key2: 'value2',}";
let json_data = eval('(' + json_string + ')');eval主要是js的解析器封裝函數(shù)，功能非常強大
JSON.parse報錯分析
1.報錯提示：
Uncaught SyntaxError: Unexpected token N in JSON at position 0
JSON.parse(NaN)
JSON.parse('NaN')2.報錯提示：
Uncaught SyntaxError: Unexpected token u in JSON at position 0
JSON.parse(undefind)
JSON.parse('undefind')3.報錯提示：
Uncaught SyntaxError: Unexpected token o in JSON at position 1
JSON.parse({a:2})4.報錯提示：
Uncaught SyntaxError: Unexpected token a in JSON at position 1
JSON.parse('{a:2}')5.報錯提示：
Unexpected token ' in JSON at position 1
JSON.parse("{'a':11}")6.正確格式：
JSON.parse('{"a":11}'**關(guān)于 JSON.parse
JSON.parse 用于解析 JSON 字符串，并返回相應的值，其參數(shù)必須符合 JSON 字符串的格式，否則就會報錯。
JSON 是一種語法，用來序列化對象、數(shù)組、數(shù)值、字符串、布爾值和 null。
JSON 對象和數(shù)組的屬性名必須是雙引號括起來的字符串，并且最后一個屬性后不能有逗號。
JSON 字符串也要用雙引號括起來。
JSON 數(shù)值禁止出現(xiàn)前導零（JSON.stringify方法自動忽略前導零，而在 JSON.parse方法中將會報錯）；如果有小數(shù)點，則后面至少跟著一位數(shù)字。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
- JSON.parse()和JSON.stringify()使用介紹
- 關(guān)于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法
- JSON.parseObject和JSON.toJSONString實例詳解
- javascript中JSON.parse()與eval()解析json的區(qū)別
- JS使用JSON.parse(),JSON.stringify()實現(xiàn)對對象的深拷貝功能分析
- 詳解關(guān)于JSON.parse()和JSON.stringify()的性能小測試
- JSON中key動態(tài)設(shè)置及JSON.parse和JSON.stringify()的區(qū)別
- 淺談JSON.parse()和JSON.stringify()
- JSON.parse 數(shù)據(jù)不完整的解決方法
相關(guān)文章
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)圖片預覽裁剪插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
在js中處理Date時,發(fā)現(xiàn)Safari和其他瀏覽器的支持方式不一致。下面通過本文給大家分享js中Safari瀏覽器中的Date，感興趣的朋友一起學習吧2017-07-07
這篇文章主要為大家詳細介紹了javascript拖拽應用實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JS eval代碼快速解密實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
javascript圖片切換綜合實例（循環(huán)切換、順序切換）
這篇文章主要介紹了javascript圖片切換綜合實例，包括javascript圖片循環(huán)切換、javascript圖片順序切換，兩張圖片的切換，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-01-01
javascript HTMLEncode HTMLDecode的完整實例(兼容ie和火狐)
用的瀏覽器內(nèi)部轉(zhuǎn)換器實現(xiàn)轉(zhuǎn)換，方法是動態(tài)創(chuàng)建一個容器標簽元素2009-06-06
js設(shè)置function參數(shù)默認值(適合沒有傳參情況)
div+css模擬js信息框的類庫時遇到一個問題當沒有傳遞參數(shù)過去時自動使用提示信息作為窗口標題，具體的實現(xiàn)如下2014-02-02
身為后臺開發(fā)的各位鐵鐵，實際開發(fā)不管是公司要求或是自身發(fā)展，學前端已經(jīng)是我們內(nèi)卷路上必定碰到的，那今天小編就給大家總結(jié)下那些我們工作中可能遇到的一些實用Js函數(shù)2022-06-06
jstl中判斷l(xiāng)ist中是否包含某個值的簡單方法
下面小編就為大家?guī)硪黄猨stl中判斷l(xiāng)ist中是否包含某個值的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
窗口固定位置顯示元素，當頁面高度大于某高度，并且頁面向下滾動時，顯示該元素；當頁面位置小于某高度，或者頁面向上滾動時，隱藏該元素，下面通過本文給大家介紹JS實現(xiàn)隨頁面滾動顯示/隱藏窗口固定位置元素，需要的朋友參考下吧2016-02-02