JS實現(xiàn)json的序列化和反序列化功能示例

更新時間：2017年06月13日 10:43:33 作者：_iorilan

這篇文章主要介紹了JS實現(xiàn)json的序列化和反序列化功能,結(jié)合具體實例形式分析了javascript針對json的序列化與反序列化相關(guān)實現(xiàn)技巧,需要的朋友可以參考下

本文實例講述了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ān)于JS中的apply,call,bind的深入解析
下面小編就為大家?guī)硪黄P(guān)于JS中的apply,call,bind的深入解析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-04-04
JS實現(xiàn)網(wǎng)絡請求的三種方式梳理
本文主要為大家介紹了基于 XMLHttpRequest、Promise、async/await 等三種異步網(wǎng)絡請求的寫法，文中的示例代碼講解詳細，感興趣的可以學習一下
2022-03-03
JavaScript實現(xiàn)文件的拖拽上傳功能
文件上傳,可以說是我們在項目中最常用的功能之一,文件上傳一般有兩種形式：點擊上傳和拖拽上傳,而上傳的內(nèi)容,又大體包括：文件和文件夾,本文給大家介紹了JavaScript實現(xiàn)文件的拖拽上傳功能的方法,需要的朋友可以參考下
2024-02-02
javascript 貪吃蛇實現(xiàn)代碼
最近在學Javascript，花了半個月的時間終于把《Javascript權(quán)威指南》(推薦此書，入門級) 掃完。在學習的過程中發(fā)現(xiàn)使用JS實現(xiàn)動態(tài)效果挺有趣的。
2008-11-11
JS庫之Three.js 簡易入門教程(詳解之一)
three.js是一款webGL框架，由于其易用性被廣泛應用。下面腳本之家小編通過案例給大家闡述three.js的基本配置方法，具體內(nèi)容詳情大家參考下本文吧
2017-09-09
5分鐘打造簡易高效的webpack常用配置
這篇文章主要介紹了5分鐘打造簡易高效的webpack配置,詳細的介紹了打包調(diào)試、提取公共代碼、壓縮、熱替換等配置，有興趣的可以了解一下
2017-07-07
javascript中數(shù)組的concat()方法使用介紹
數(shù)組的concat()方法想必大家比不陌生吧，在本文為大家介紹下javascript中數(shù)組的concat()方法的具體使用，感興趣的朋友可以參考下
2013-12-12
dedecms頁面如何獲取會員狀態(tài)的實例代碼
下面小編就為大家?guī)硪黄猟edecms頁面如何獲取會員狀態(tài)的實例代碼。一起跟隨小編過來看看吧，希望對大家有所幫助。
2016-03-03
js防止表單重復提交實現(xiàn)代碼
重復提交、重復刷新、防止后退等等都是屬于系統(tǒng)為避免重復記錄而需要解決的問題，在客戶端去處理需要針對每一種的可能提出相應的解決方案，然而在服務器端看來只不過是對于數(shù)據(jù)真實性的檢驗問題
2012-09-09
JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法
在form表單提交中，使用button來間接完成submit的提交更為靈活。接下來通過本文給大家介紹JavaScript在form表單中使用button按鈕實現(xiàn)submit提交方法，需要的朋友參考下吧
2017-01-01