<!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. 严格次小生成树[BJWC2010]

    原文必点 原题链接 题目描述 给定一张\(N\) 个点$ M $条边的无向图,求无向图的严格次小生成树. 设最小生成树的边权之和为\(sum\),严格次小生成树就是指边权之和大于\(sum\)的生成树 ...

  2. Tunnel Warfare HDU - 1540 （线段树处理连续区间问题）

    During the War of Resistance Against Japan, tunnel warfare was carried out extensively in the vast a ...

  3. vue.js 简介

    Vue.js是什么 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层 ...

  4. C#形参和实参、引用类型和值类型使用时的一个注意点。

    这是早上群里讨论的例子. static void main(string [] arg){ var p1=new Person{Name="张三"}; var p2=new Per ...

  5. linux 用户和用户组

    groupadd group1 useradd -g group1 user1 passwd user1 groups 查看当前用户的用户组 finger和id命令可以查看用户信息

  6. Eclipse里导入Mybatis源码工程

    打开Eclipse,在前两天的记录里我已经把Maven什么的都配置好了,还有Mybatis的源码也下载下来了,不相信的话可以去看一下我之前的记录:) OK. Mybatis源码解压之后是一个标准的Ma ...

  7. for 循环用了那么多次，但你真的了解它么？

    其实我们写代码的时候一直都在使用for循环,但是偶尔还是会纠结用哪一个循环. 一.基础的for循环 0.使用while也是一种循环方式,此处探究for相关的循环,就不做拓展了. 1.遍历数组的时候,初 ...

  8. [pwnable.kr]--alloca

    0x00: 好久没玩了...去年十月以后就没玩过了TAT 这几天把peach的坑,winafl的坑填了下,就来搞下pwn. 0x01: 这个程序是给了源码的 #include <stdio.h& ...

  9. SSH整合框架

    实现登录.新闻增删改查.树形菜单 引入pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi ...

  10. Spring——代理工厂实现增强

    借助Spring IOC的机制,为ProxyFactory代理工厂的属性实现依赖注入,这样做的优点是可配置型高,易用性好. 1.创建抽象主题 public interface ProService { ...