JSON：
　　1. 概念： JavaScript Object Notation     JavaScript对象表示法
　　　　　Person p = new Person();
　　　　　p.setName("张三");
　　　　　p.setAge(23);    ============》  var p = {"name":"张三","age":23,"gender":"男"};
　　　　　p.setGender("男");　　

　　　　* json现在多用于存储和交换文本信息的语法
　　　　* 进行数据的传输
　　　　* JSON 比 XML 更小、更快，更易解析。

　　2. 语法：
　　　　1. 基本规则
　　　　　　* 数据在名称/值对中：json数据是由键值对构成的
　　　　　　* 键用引号(单双都行)引起来，也可以不使用引号
　　　　　　* 值的取值类型：
　　　　　　　　1. 数字（整数或浮点数）
　　　　　　　　2. 字符串（在双引号中）
　　　　　　　　3. 逻辑值（true 或 false）
　　　　　　　　4. 数组（在方括号中） {"persons":[{},{}]}
　　　　　　　　5. 对象（在花括号中） {"address":{"province"："陕西"....}}
　　　　　　　　6. null
　　　　　　* 数据由逗号分隔：多个键值对由逗号分隔
　　　　　　* 花括号保存对象：使用{}定义json 格式
　　　　　　* 方括号保存数组：[]
　　　　2. 获取数据:
　　　　　　1. json对象.键名
　　　　　　2. json对象["键名"]
　　　　　　3. 数组对象[索引]
　　　　　　4. 遍历

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script>

        //1.定义基本格式

        var person = {"name": "张三", age: 23, 'gender': true};

        //alert(person);

        //获取name的值

        //var name = person.name;

        var name = person["name"];

       // alert(name);

        //2.嵌套格式   {}———> []

        var persons = {

            "persons": [

                {"name": "张三", "age": 23, "gender": true},

                {"name": "李四", "age": 24, "gender": true},

                {"name": "王五", "age": 25, "gender": false}

                ]

        };

       // alert(persons);

        //获取王五值

        var name1 = persons.persons[2].name;

       // alert(name1);

        //3.嵌套格式   []———> {}

        var ps = [{"name": "张三", "age": 23, "gender": true},

            {"name": "李四", "age": 24, "gender": true},

            {"name": "王五", "age": 25, "gender": false}];

　　　　　//alert(ps);

        //获取李四值

        alert(ps[1].name);

=======================================

        //获取person对象中所有的键和值

        //for in 循环

       /* for(var key in person){

            //这样的方式获取不行。因为相当于  person."name"

            //alert(key + ":" + person.key);

            alert(key+":"+person[key]);//这样就是json对象["键名"]，所以可行

        }*/

       //获取ps中的所有值

        for (var i = 0; i < ps.length; i++) {

            var p = ps[i];

            for(var key in p){

                alert(key+":"+p[key]);

            }

        }

    </script>

</head>

<body>

</body>

</html>

JSON学习(一)的更多相关文章

  1. [Network] HTML、XML和JSON学习汇总

    写在前面:楼主也是刚刚接触这方面的知识,之前完全是零基础,后来经朋友推荐了几个不错的博文,看完以后豁然开朗.但是此博文更加偏重于基础知识介绍(其实更深的楼主也还不了解,这方面的大神请绕道),只是分享个 ...

  2. JSON学习总结

    最近几天使用json的需求比较急迫,所以学习了一下json.此文仅当笔记,以防忘却. 此文主要分为js和java总结: 先介绍json格式: JSON 数据的书写格式是:名称/值对. ***:可以更容 ...

  3. JSON 学习笔记

    学习使用json过程随笔: json数组格式 var employees = [ { "firstName":"Bill" , "lastName&q ...

  4. C# JSON学习之序列化与反序列化

    在我的个人计划中,学习制作c#下的曲线平台属于下半年的重点.关于前后端的数据传递-json数据的学习很有必要,通过一个例子来加深自己的理解. 新建一个console控制台程序,通过导入NewstonS ...

  5. 前端——JSON学习总结

    学习网址: https://www.bilibili.com/video/BV1Pt411u7R3 什么是JSON?(以下有关概念内容为视频中学习文档相关内容,代码为本人学习时使用的有关代码) JSO ...

  6. JSON学习笔记一 —— 一些与移动端交互产生JSON数据的方法

    /**     * 测试的返回JSon方法,正式的不会用     * @author MrHandler     * @param reqCode     * @param joinStr     * ...

  7. JSON学习

    1.JSON 语法是 JavaScript 对象表示语法的子集. l  数据在名称/值对中 l  数据由逗号分隔 l  花括号保存对象 l  方括号保存数组 JSON 值可以是: l  数字(整数或浮 ...

  8. Json学习笔记

    一．昨天内容回顾 创建ajax对象 a) 主流浏览器  new  XMLHttpRequest(); b) IE浏览器  new ActiveXObject("Msxml2.XMLHTTP. ...

  9. Json 学习

    json 格式: 1) 并列的数据之间用逗号(", ")分隔. 2) 映射用冒号(": ")表示. 3) 并列数据的集合(数组)用方括号("[]&qu ...

  10. JSON学习之二

    1.JSON语法是JavaScript对象表示法的子集,语法规则: **数据在名称/值对中 **数据由逗号分隔 **花括号保存对象 **方括号保存数组 2.JSON名称/值对:JSON数据的书写格式是 ...

随机推荐

  1. BZOJ 4459: [Jsoi2013]丢番图 数学推导

    之前绝对做过几乎一模一样的题,现在做竟然忘了. code: #include <bits/stdc++.h> #define ll long long #define setIO(s) f ...

  2. netflix flamescope 方便的不同时间范围的火焰图查看工具

    flamescope 是netflix 开源的方便的火焰图查看工具,我们可以选择不同时间范围的数据,方便分析调用链 环境准备 使用docker-compose运行,基于官方的dockerfile 创建 ...

  3. Macbook Pro A1398 換電池手札

    前不久老MBP总是风扇狂转,cpu 100%,一直觉得有问题,就买了工具想着把機器拆開看一下. 結果,不拆不知道,一拆開發現機器變成下面醬紫了: 整個一炸藥包啊!此時我腦中只有一個念頭:得趕緊馬上立刻 ...

  4. NOI2019 Day2游记

    开场T1是个最短路优化建图,边向二维矩形内所有点连,本来可以写树套树的,但是卡空间(128MB),后来发现其实是不用把边都建出来的,只需要用数据结构模拟dijkstra的过程,支持二维区间对一个值取m ...

  5. 使用charles对jmeter进行抓包

  6. 新款戴尔笔记本win10系统改win7 安装教程

    下载U盘启动制作工具 及戴尔DELL ghost win7 旗舰版GHO 文件 下载地址:http://pan.baidu.com/s/1c17JqpU  插入制作好的U盘启动盘,开机按F2进入BIO ...

  7. OpenFOAM——在钝板上分离的层流

    本算例来自<ANSYS Fluid Dynamics Verification Manual>中的VMFL063: Separated Laminar Flow Over a Blunt ...

  8. java SDK服务端推送 --极光推送（JPush）

    网址:https://blog.csdn.net/duyusean/article/details/86581475 消息推送在APP应用中越来越普遍,来记录一下项目中用到的一种推送方式,对于Andr ...

  9. Navicat 12.x for MySQL最新版安装破解教程（附安装包和注册机，全网独家可用

    title: "Navicat 12.x for MySQL最新版安装破解教程(附安装包和注册机,全网独家可用" categories: soft tags: soft autho ...

  10. 我的node-webkit笔记

    话不多说,直接上码: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8&q ...