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. linux学习17 运维核心技能-Linux系统下用户权限管理

    一.权限管理 1.ls -l rwxrwxrwx 左三位:定义user(owner)的权限 中三位:定义group的权限 右三位:定义other的权限 1.进程安全上下文 a.进程对文件的访问权限应用 ...

  2. CF1245F: Daniel and Spring Cleaning

    CF1245F: Daniel and Spring Cleaning 题意描述: 给定区间\([L,R]\),其中 \((0\leq L,R\leq 10^9)\),问在区间内有多少数对\((x,y ...

  3. kuma 学习一 minikube 安装

    官方文档提供了比较全的环境安装说明 我使用的系统是mac,同时使用minikube 运行 安装kumactl 下载地址: https://kong.bintray.com/kuma/kuma-0.1. ...

  4. MongoDB主从

    环境示例: 系统:Centos6.6x64 安装目录:/opt/ 主:172.16.15.101 从:172.16.15.102 1.下载安装: # wget https://fastdl.mongo ...

  5. A1135 | 红黑树判断：审题、根据“先序遍历”和“BST树”的条件生成后序遍历、递归判断

    对A1135这题有心里阴影了,今天终于拿下AC.学习自柳神博客:https://www.liuchuo.net/archives/4099 首先读题很关键: There is a kind of ba ...

  6. 第04组Alpha事后诸葛亮

    一.组长博客:地址 二.Postmortem模板 设想和目标 1.我们的软件要解决什么问题?是否定义得很清楚?是否对典型用户和典型场景有清晰的描述? 我们要解决的问题是让大学生可以通过福鱼网站将暂时无 ...

  7. 【AtCoder】 ARC 097

    link C-K-th Substring 题意:找出已知串中第\(k\)大的子串,子串相同的不算 \(k\)好小啊,要怎么做啊 不是[Tjoi2015]弦论吗 算了,直接SAM吧 #include& ...

  8. bind named.conf 的理解

    [root@46 /]#yum -y install bind bind-chroot bind-libs bind-utils caching-nameserver目录说明/var/named/ch ...

  9. ubuntu17.10 源

    1.保险做法先备份源文件:  cp -i /etc/apt/sources.list /etc/apt/sources.list_backup 2.打开sources.list:   sudo ged ...

  10. java ali支付服务端对接

    引入SDK: <!-- https://mvnrepository.com/artifact/com.aliyun/aliyun-java-sdk-core --><dependen ...