JS實現(xiàn)json的序列化和反序列化功能示例
本文實例講述了JS實現(xiàn)json的序列化和反序列化功能。分享給大家供大家參考，具體如下：
序列化：
var s = new Object(); s.Name = "clientValue"; s.Id = 1; s.ClassId = 2; var data = JSON.stringify(s); console.log(data);
反序列化：
eval將字符串反序列化成對象
var s = eval('(' + data+ ')');
console.log(s.Name);
完整示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>json序列化與反序列化</title>
</head>
<body>
<script >
//序列化
var s = new Object();
s.Name = "clientValue";
s.Id = 1;
s.ClassId = 2;
var data = JSON.stringify(s);
console.log(data);
//反序列化
var s = eval('(' + data+ ')');
console.log(s.Name);
</script>
</body>
</html>
運行效果圖如下：
PS：關(guān)于json操作，這里再為大家推薦幾款比較實用的json在線工具供大家參考使用：
在線JSON代碼檢驗、檢驗、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
下面小編就為大家?guī)硪黄猨s通過classname來獲取元素的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起 小編過來看看吧2016-11-11
基于javascript實現(xiàn)漂亮的頁面過渡動畫效果附源碼下載
本文通過javascript實現(xiàn)漂亮的頁面過濾動畫效果，用戶通過點擊頁面左側(cè)的菜單，對應的頁面加載時伴隨著滑動過濾動畫，并帶有進度條效果。用戶體驗度非常好，感興趣的朋友一起看看吧2015-10-10
這篇文章主要給大家介紹了關(guān)于JS利用正則表達式實現(xiàn)簡單的密碼強弱判斷的相關(guān)資料，實現(xiàn)后的效果非常簡單，但也挺實用的，文中給出了詳細的示例代碼供大家參考學習，需要的朋友們下面來一起看看吧。2017-06-06
JavaScript的new date等日期函數(shù)在safari中遇到的坑
safari中對于JavaScript的new Date函數(shù)的支持有一個比較奇怪的問題，帶著這個奇怪的問題我們通過本文一起學習吧2016-10-10
理解Javascript_14_函數(shù)形式參數(shù)與arguments
在'執(zhí)行模型詳解'的'函數(shù)執(zhí)行環(huán)境'一節(jié)中對arguments有了些許的了解，那么讓我們深入的分析一下函數(shù)的形式參數(shù)與arguments的關(guān)系。2010-10-10
JS前端千萬級彈幕數(shù)據(jù)循環(huán)優(yōu)化示例
這篇文章主要為大家介紹了JS前端一千萬條彈幕數(shù)據(jù)循環(huán)優(yōu)化示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
在大多數(shù)場合，我們都用CSS去設(shè)置樣式，但在某些特殊情況下，例如要根據(jù)元素在節(jié)點樹里的位置來設(shè)置節(jié)點樣式信息時，目前CSS還沒辦法做到這一點。但利用DOM就可以很輕易的完成。2010-09-09
項目中需要判斷IE版本號，又因為 jQuery 2.0 去除了對瀏覽器版本號的判斷于是就看到一老外寫的一段代碼，下面與大家分享下2013-09-09
JS實現(xiàn)左右拖動改變內(nèi)容顯示區(qū)域大小的方法
這篇文章主要介紹了JS實現(xiàn)左右拖動改變內(nèi)容顯示區(qū)域大小的方法,涉及JavaScript實時響應鼠標事件動態(tài)改變頁面元素屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
教你如何使用firebug調(diào)試功能了解javascript閉包和this
這篇文章主要介紹了教你如何使用firebug調(diào)試功能了解javascript閉包和this，javascript的調(diào)試也是一個比較大的難點，很多基礎(chǔ)的東西都需要自己去摸索，這里將自己的經(jīng)驗分享給大家，希望對大家能夠有所幫助2015-03-03