<!DOCTYPE html>

 <html>

     <body>

         <p>JSON</p>

         <script>

             // JSON 值可以是:数字,字符串,逻辑值,数组,对象,null

             var personalInfoList = [

                 {"id":1, "name":"Harry", "age":22, "gender":null, "married":false, "advantage":["C", "C#", "C++"]},

                 {"id":2, "name":"Frank", "age":26, "gender":null, "married":true, "advantage":["Java", "JavaScript", "Python"]}

             ];

             // 可以如下访问JSON

             console.log(personalInfoList[1].name);

             console.log(personalInfoList[1]["age"]);

             // 循环访问元素

             for(i in personalInfoList) {

                 for(j in personalInfoList[i].advantage) {

                     console.log(personalInfoList[i].advantage[j]);

                 }

             }

             // JSON通常用于与服务端交换数据/在接收服务器数据时一般是字符串

             // 可以使用JSON.parse()方法将数据转换为JavaScript对象

             var personalInfoListStr = '[ {"id":1, "name":"Harry", "age":22, "gender":null, "married":false, "advantage":["C", "C#", "C++"]},\

                  {"id":2, "name":"Frank", "age":26, "gender":null, "married":true, "advantage":["Java", "JavaScript", "Python"]} ]';

             // 转换成一个有效的JSON字符串

             var personalInfoList1 = JSON.parse(personalInfoListStr);

             console.log(personalInfoList1[1].name);

             console.log(personalInfoList1[1].age);

             // 可以加一个转换结果的函数， 将为对象的每个成员调用此函数

             var personalInfoList2 = JSON.parse(personalInfoListStr, function(key, value) {

                 if(key == "age") {

                     return value + 1;

                 } else {

                     return value;

                 }

             });

             console.log(personalInfoList2[0].age);

             console.log(personalInfoList2[1].age);

             // JSON 通常用于与服务端交换数据/在向服务器发送数据时一般是字符串

             // 可以使用 JSON.stringify()方法将JavaScript对象转换为字符串

             // [注意！]不得包含Data对象和函数对象

             var personalInfoList3 = JSON.stringify(personalInfoList);

             console.log(personalInfoList3);

             // 带有转换结果和文本缩进

             var personalInfoList4 = JSON.stringify(personalInfoList, function(key, value) {

                 if(key == "age") {

                     return value - 1;

                 } else {

                     return value;

                 }

             }, 2);

             console.log(personalInfoList4);

             // eval()函数也可以解析 JSON 文本，然后生成JavaScript对象

             var personalInfoList5 = eval(personalInfoListStr);

             console.log(personalInfoList5[1].name);

             console.log(personalInfoList5[1].age);

             // eval()函数同时可以编译执行任何JavaScript代码, 会有潜在安全问题，所以，还是最好使用JSON.parse

             var demo = 'console.log("lalala~");';

             eval(demo);

         </script>

     </body>

 </html>

JavaScript(3)：JSON的更多相关文章

  1. javaScript系列：JSON详解

    JSON详解   JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式.XML也是一种数据交 ...

  2. javascript编程： JSON， Mapping, 回调

    使用 Javascript  编程, 组合使用 JSON 数据格式,Mapping 和回调技术, 可以产生很强的表达效果. 在实际工作中, 总会有数据汇总的需求. 比如说, 取得了多个 device ...

  3. JavaScript 笔记(3) -- JSON

    JavaScript JSON (JavaScript Object Notation): 是一种轻量级的数据交换格式 JSON 是用于存储和传输数据的格式 JSON 通常用于服务端向网页传递数据 J ...

  4. Javascript：JSON总结

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它是基于ECMAScript的一个子集,采用完全独立于语言的文本格式.这些特性使JSON成为理想的数据交换 ...

  5. 在JavaScript中使用json.js：访问JSON编码的某个值

    演示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...

  6. Javascript学习之：JSON

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它是基于ECMAScript的一个子集,采用完全独立于语言的文本格式.这些特性使JSON成为理想的数据交换 ...

  7. ZH奶酪：JavaScript中的JSON.stringify() and JSON.parse()

    JSON.stringify() JSON.stringify()可以将任意的JavaScript值序列化成JSON字符串. 语法 JSON.stringify(value[, replacer [, ...

  8. javascript：json对象和json字符串的相互转换

    json对象和字符串的相互转换 //使用json中的parser方法转换: var str='{"name":"fendouer", "age&quo ...

  9. JavaScript：JSON 和 JS 对象

    区别 JSON(JavaScript Object Notation)仅仅是一种数据格式(或者叫数据形式).数据格式其实就是一种规范,按照这种规范来存诸和交换数据.就好像 XML 格式一样. 区别 J ...

随机推荐

  1. QTP（13）

    练习1:Flight4a 要求: a.录制Flight4a登录+购票+退出业务流程 b.实现登录1次,购票3次,退出1次 c.对Fly From.Fly to.航班实现随机参数化 随机参数化:Rand ...

  2. Linux下python3的安装以及redis的使用

    python3的安装 上传Python-3.5.2.tar.xz软件到 /server/tools 中 解压 :tar xf   Python-3.5.2.tar.xz 编译安装cd Python-3 ...

  3. php工程师各大公司要求

    腾讯: 1.熟悉WEB应用开发技术和工具: 2.熟悉至少一种网页应用开发语言,最好使用过PHP,熟悉Javascript语言: 3.熟悉http协议,数据库技术,熟悉Apache和相关的环境配置管理: ...

  4. CeSharp支持MP4

    因为CefSharp不支持MP4格式(因为版权问题,MP3因为版权过期新版本已经支持了),需要自己下载源码重新编译以支持MP4,或者下载被人编译好的库.因时间问题,我直接在csdn上下载了一个(1c币 ...

  5. netstat Recv-Q和Send-Q判断包在哪端

    通过netstat -anp可以查看机器的当前连接状态:   Active Internet connections (servers and established) Proto Recv-Q Se ...

  6. 解决mysql提示服务无法启动问题

    1.管理员权限打开命令,进入mysql下bin文件夹 删除根目录下data文件夹没有不用管,重新安装 2. ---------------------------------------------- ...

  7. 数据管理必看！Kendo UI for jQuery过滤器状态保持

    Kendo UI for jQuery最新试用版下载 Kendo UI目前最新提供Kendo UI for jQuery.Kendo UI for Angular.Kendo UI Support f ...

  8. 初识java的算术运算符

    总所周知,算术运算符作为日常基本算法在我们上小学时接触到了,对加.减.乘.除熟练运用,这些基础算法也被引用到Java语言中.一般越基本的东西越重要,类比生活中的阳光,空气,水,土等... 闲话少叙,那 ...

  9. spring-boot的三种启动方式

    spring-boot的启动方式主要有三种: 1. 运行带有main方法类 2. 通过命令行 java -jar 的方式 3. 通过spring-boot-plugin的方式 一.执行带有main方法 ...

  10. javaScript第二篇

    事件处理函数 javaScript响应用户操作等都是通过事件处理来触发;其基本形式为 event = "javaScript statement(s);" 事件 = "事 ...