JSon解析是前端開發中的基礎操作，核心方法為json.parse()，但需注意格式正確性與安全性。1.使用json.parse()可將字符串轉為對象或數組，但若格式錯誤（如單引號、尾逗號）則會報錯；2.處理解析錯誤應使用try…catch結構以避免程序崩潰并捕獲異常信息；3.面對復雜嵌套結構時可通過遞歸遍歷解析，逐層處理數據，便于后續操作；4.除json.parse()外，在服務器返回正確content-type時瀏覽器會自動解析，或可用第三方庫如json2.js、lodash輔助處理；5.防范json注入攻擊需嚴格校驗輸入數據，過濾敏感字符，并采用安全解析庫保障數據處理的可靠性與系統安全性。
JSON數據解析，簡單來說，就是把一串看起來像字典或列表的字符串，變成JavaScript能直接用的對象或者數組。這事兒在前端開發里太常見了，就像吃飯喝水一樣。
解析JSON數據，核心就是用JSON.parse()這個方法。但實際用起來，還是有些門道可以講講。
JSON.parse()
這是最基礎，也是最常用的方法。直接把JSON字符串扔進去，它會返回一個對應的JavaScript對象或者數組。
const jsonString = '{"name": "張三", "age": 30}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // 輸出 "張三" const jsonArrayString = '[1, 2, 3]'; const jsonArray = JSON.parse(jsonArrayString); console.log(jsonArray[0]); // 輸出 1
但要注意，如果JSON字符串格式不對，JSON.parse()會報錯。比如，字符串里用了單引號，或者結尾多了個逗號，都會導致解析失敗。
如何處理JSON解析錯誤？
JSON格式錯誤是解析失敗的常見原因。為了避免程序崩潰，最好用try…catch包起來。
try { const jsonString = '{"name": "張三", "age": 30,}'; // 注意結尾多了個逗號 const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); } catch (error) { console.error("JSON解析出錯:", error); }
這樣，即使JSON字符串有問題，程序也不會掛掉，還能告訴你哪里出錯了。
如何處理復雜的JSON數據？
有時候，JSON數據會非常復雜，嵌套了好幾層對象和數組。這時候，直接用JSON.parse()解析出來，可能不太好處理。可以考慮用遞歸的方式，一層層地解析。
function parseComplexJSON(jsonString) { try { const data = JSON.parse(jsonString); return traverse(data); } catch (error) { console.error("JSON解析出錯:", error); return null; } function traverse(obj) { if (typeof obj === 'object' && obj !== null) { for (let key in obj) { if (obj.hasOwnProperty(key)) { obj[key] = traverse(obj[key]); } } return obj; } else { // 在這里可以對解析出來的值進行一些處理，比如類型轉換 return obj; } } } const complexJsonString = '{"name": "李四", "address": {"city": "北京", "street": "長安街"}, "hobbies": ["coding", "reading"]}'; const complexJsonObject = parseComplexJSON(complexJsonString); console.log(complexJsonObject.address.city); // 輸出 "北京"
這個traverse函數會遞歸地遍歷JSON對象，你可以根據實際需求，在里面對解析出來的值進行一些處理，比如類型轉換、數據清洗等等。
除了JSON.parse()，還有其他解析JSON的方法嗎？
雖然JSON.parse()是最常用的，但有些情況下，可能需要用到其他方法。比如，如果JSON數據是從服務器直接返回的，而且已經設置了正確的Content-Type，瀏覽器會自動解析成JavaScript對象，你就不需要手動調用JSON.parse()了。
另外，有些老版本的瀏覽器可能不支持JSON.parse()，這時候可以引入一個JSON解析庫，比如json2.js。
還有一些第三方庫，比如Lodash，也提供了一些方便的json處理方法，可以簡化代碼。
如何避免JSON注入攻擊？
JSON注入攻擊是指，攻擊者通過構造惡意的JSON數據，來執行一些非法的操作。為了避免這種攻擊，一定要對JSON數據進行嚴格的校驗和過濾。
比如，可以檢查JSON數據中是否包含一些敏感字符，比如、”、’等等。還可以使用一些安全的JSON解析庫，這些庫會自動對JSON數據進行安全處理。
總之，解析JSON數據雖然簡單，但也要注意一些細節，才能保證程序的穩定性和安全性。
