js中JSON的解析（将json字符串转化为对象）和序列化（将对象转化为json字符串）（函数的功能一般都挺全的，需要的时候去查看完整函数）

一、总结

1、JSON解析：JSON.parse(myJSONtext);

2、JSON序列化：JSON.stringify(myObject);

3、一般函数的功能都很全，很多我们不常用的功能都有，可选参数，需要特殊功能的时候去查完整的函数

二、js中JSON的解析（将json字符串转化为对象）和序列化（将对象转化为json字符串）

JSON 的解析和序列化

一般情况下，我们的json数据都是从服务端获取到的，获取的json数据是以字符串的形式返回的。这个字符串虽然是json格式的，但是不能被直接使用，我们必须将该字符串转化为一个对象才能正常解析它

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。
eval()函数可编译并执行任何 JavaScript 代码。这隐藏了一个潜在的安全问题。(如果JSON中包含恶意代码也会被直接执行)
使用 JSON 解析器将 JSON 转换为 JavaScript 对象是更安全的做法。JSON解析器只会识别JSON文本,而不会执行。
- JSON 的解析:json数据转换成js对象
  语法:var myObject = JSON.parse(myJSONtext, reviver);
- JSON的序列化:js对象转换成json数据(字符串)
  语法：var myJSONText = JSON.stringify(myObject, replacer);

对于较老的浏览器，可使用 JavaScript 库： https://github.com/douglascrockford/JSON-js

三、代码

json解析

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   //实际使用的时候json数据需要从服务器加载，这里假定下面的数据是从服务器加载过来的，来演示后续的操作。

   var jsonstr='[{"name":"aaa","age":30},{"name":"bbb","age":25},{"name":"ccc","age":18}]';

   //alert(typeof(jsonstr))

  //json数据转换成js对象

     //var jsonobj=JSON.parse(jsonstr);

     //alert(jsonstr)

    // alert(jsonobj[0].name)

     //alert(typeof(jsonobj))

     var jsonobj=JSON.parse(jsonstr,function(key,value){ //1、第二个参数，解析式时替换
         if ((key=='name')) {

           return 'VIP会员：'+value;

         }else{return value}

     });

   alert(jsonobj[0].age)

   </script>

 </body>

 </html>

json序列化

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

 </head>

 <body>

   <script>

   var jsonobj=[ //2、json对象
   {

     name:'aaa',

     age:30,

     lv:2

   },

   {

     name:'bbb',

     age:25,

     lv:1

   }

   ]

   //alert(jsonobj[0].name+'\n'+jsonobj[0].age+'\n'+jsonobj[0].lv)

   // var jsonstr=JSON.stringify(jsonobj)

   // alert(typeof(jsonobj))

   // alert(typeof(jsonstr))

   //第二个参数

   // var jsonstr=JSON.stringify(jsonobj,['name','lv'])

   // alert(jsonstr)

   // var jsonstr=JSON.stringify(jsonobj,function(key,value){

   //   if (key=='lv') {

   //     return '等级为：'+value

   //     }else{return value}

   //   })

   // alert(jsonstr)

   //第三个参数表示缩进

    var jsonstr=JSON.stringify(jsonobj,null,4) //3、函数还有其余参数
    alert(jsonstr)

   </script>

 </body>

 </html>

js中JSON的解析（将json字符串转化为对象）和序列化（将对象转化为json字符串）（函数的功能一般都挺全的，需要的时候去查看完整函数）的更多相关文章

转：JS中生成和解析JSON
原文地址:JS中生成和解析JSON 1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name ...
JS中生成和解析JSON
1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name = "jyy"; ...
JS中的预解析
js预解析对于很多学习web前端开发的新手们很困扰,总是很难搞懂到底是个什么东西,今天零度就为大家简单的分析一下,争取让大家都明白! 首先,看一下下面的代码: alert(a); var a = 1; ...
js中singleton模式解析及运用
singleton模式,又名单例模式.顾名思义,就是只能实例化一次的类(javascript中没有真正的类,我们通常用函数来模拟类,习惯称之为"伪类").具体地说,singleto ...
JS中 isNaN() 方法解析
1. isNaN() 存在的意义由于 NaN 是唯一一个不等于自身的值,不像其他的值,可以用相等操作符来判断是否等于自身,NaN == NaN和NaN === NaN都会返回false,所以isNa ...
C&num;使用Json&period;NET解析Json
本文转载自 http://xiaosheng.me/2016/10/01/article25/ 最近在 C# 项目中需要使用到 Json 格式的数据,我简单上网搜索了一下,基本上有两种操作 Json ...
js中字符串和数组相互转化的方法
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #e4af0a } p. ...
Python第十四天序列化 pickle模块 cPickle模块 JSON模块 API的两种格式
Python第十四天序列化 pickle模块 cPickle模块 JSON模块 API的两种格式目录 Pycharm使用技巧(转载) Python第一天安装 shell 文件 Py ...
java和js中JSONObject,JSONArray,Map,String之间转换
--------------------------------------------------Java中--------------------------------------------- ...

随机推荐

iOS通知的整理笔记
iOS通知用于高耦合界面的传值确实方便快捷. 需要实现模态弹出的视图控制器上,有一个视图控制器可以导航.这必定要将这个视图控制器的导航视图控制器naVC.view添加到模态弹出的视图控制器presen ...
玩转Unity资源，对象和序列化(下)
本文将从Unity编辑器和运行时两个角度出发,主要探讨以下两方面内容:Unity序列化系统内部细节以及Unity如何维护不同对象之间的强引用.另外还会讨论对象与资源的技术实现差别. 译注:除非特别说明 ...
HTML5滑动（swipe）事件
移动H5开发中经常用到滑动效果(页面上移.下移.向左滑动.向右滑动等),浏览器并没有内置swipe事件,可以通过touch事件(touchstart.touchmove和touchend)模拟swip ...
JAVA基础知识之网络编程——-TCP/IP协议，socket通信，服务器客户端通信demo
OSI模型分层 OSI模型是指国际标准化组织(ISO)提出的开放系统互连参考模型(Open System Interconnection Reference Model,OSI/RM),它将网络分为七 ...
基于HTTP的直播点播HLS
HLS(HTTP Live Streaming) 是Apple在2009年发布的,可以通过普通的web服务器进行分发的新型流媒体协议.苹果官方对于视频直播服务提出了 HLS 解决方案 ...
IOS版UC我的视频地址
UC浏览器/Library/Application Support/offlineVideos
利用Modbus协议读取电能表的数据
1.电脑要有485转232的转换器2.你要看懂DLT_645—1997规约的通讯协议,现在大多电能表厂都会遵行这个通讯协议,DLT_645—1997规约不是最新的通讯协议.就看电表的使用什么通讯协议. ...
ReportViewer动态加载数据源
ReportViewer主要用于打印和导出数据到pdf或excel,接下来将简单做一张Northwind的Products表的统计报表. (最终图) 一.新建一张报表二.添加数据集添加xsd文件后 ...
Flume+LOG4J+Kafka
基于Flume+LOG4J+Kafka的日志采集架构方案本文将会介绍如何使用 Flume.log4j.Kafka进行规范的日志采集. Flume 基本概念 Flume是一个完善.强大的日志采集工具, ...
Ackerman 函数（双递归函数）
public static int ackerman(int n,int m){ if(n==1&&m==0){return 2;} else if(n==0&&m ...