<!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. Linux之yum安装LAMP环境与管理

    [1] 什么是LAMP 目前世界最流行的企业建站方式是LAMP(Linux+Apache+MySQL+PHP),即使用Linux作为操作系统,Apache作为Web服务器,MySQL作为数据库,PHP ...

  2. pycharm 安装 tensorflow

    1. 安装python 3.5  链接:https://www.python.org/downloads/release/python-352/ 1.1如果之前安装了其他版本的,可以在你需要的项目中, ...

  3. 原生 JS实现一个简单分页插件

    最近做的一个 PC端的需求,这个需求中有一个小点,页面底部有一块列表区域,这个列表的数据量比较大,需要进行分页控制,切换页码的时候,发送一个 ajax请求,在页面无刷新的情况下,实现列表数据的刷新,所 ...

  4. ubuntu配置环境变量 sudo gedit /etc/profile

    文件末尾加入下面 JAVA_HOME 是jdk主目录 export JAVA_HOME=/usr/jdkexport JRE_HOME=${JAVA_HOME}/jre  export CLASSPA ...

  5. 基于locust的性能测试平台搭建

    前段时间加入性能测试组,并参与搭建基于locust的性能测试平台,我分到的任务相对独立,开发locust的启动接口和停止运行接口,现开发的差不多了,做一个总结 一.locust运行的相关内容 二.lo ...

  6. mybatis insert into 返回id

    <insert id="saveComplaint" useGeneratedKeys="true" parameterType="com.fo ...

  7. LibreOffice/Calc：带条件判断的求和

    本文适用于LibreOffice Calc 5.1.6.2 + Ubuntu 16.04,熊猫帮帮主@cnblogs 2018/3/7 以下图为例,假设要根据C列对D列中被选中单元进行求和,即对D列中 ...

  8. codevs 1200 同余方程 2012年NOIP全国联赛提高组 x

    /*我在提交的时候发现了一个特别好玩的事,有兴趣的话,可以自己尝试一下:把下面说的地方的y=0改为y=1在codevs里面能够ac,这……数据水?到一定境界……厉害了,吓得我还以为自己对了,结果一讲才 ...

  9. mysql中in查询中排序

    mysql中in查询条件的时候,很多时候排序是不规则的,如何按照in里面的条件进行排序呢? mysql中给出了办法,在in后面加order by field,order by field的首个条件是按 ...

  10. Python基础之算术运算符

    如下图所示, 假设变量a = 10, b = 20: