在前端開發中,我們經常需要將JS對象數組轉換成 JSON 格式發送給后端處理。而 jQuery 的 parseJSON() 和 stringify()方法可以非常方便地實現這一過程。
首先,我們需要創建一個 JS 對象數組:
var studentList = [
{"name": "Tom", "age": 18, "gender": "M"},
{"name": "Alice", "age": 20, "gender": "F"},
{"name": "Bob", "age": 19, "gender": "M"}
];
接著,我們可以使用 jQuery 的 stringify() 方法將其轉換成 JSON 格式:
var studentJSON = JSON.stringify(studentList);
轉換后的 JSON 數據如下:
[
{"name": "Tom", "age": 18, "gender": "M"},
{"name": "Alice", "age": 20, "gender": "F"},
{"name": "Bob", "age": 19, "gender": "M"}
]
同樣地,我們也可以將 JSON 數據轉換成 JS 對象數組。假設我們從后端獲取到了以下 JSON 數據:
[
{"name": "Tom", "age": 18, "gender": "M"},
{"name": "Alice", "age": 20, "gender": "F"},
{"name": "Bob", "age": 19, "gender": "M"}
]
我們可以使用 jQuery 的 parseJSON() 方法將其轉換成 JS 對象數組:
var students = jQuery.parseJSON(studentJSON);
轉換后的 JS 對象數組如下:
[
{"name": "Tom", "age": 18, "gender": "M"},
{"name": "Alice", "age": 20, "gender": "F"},
{"name": "Bob", "age": 19, "gender": "M"}
]
總之,jQuery 的 parseJSON() 和 stringify() 方法可以方便地將 JS 對象數組和 JSON 數據相互轉換,充分利用它們能夠提高我們的前端開發效率。
上一篇css怎么只顯示上面