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. 大文件上传控件webupload插件

    之前仿造uploadify写了一个HTML5版的文件上传插件,没看过的朋友可以点此先看一下~得到了不少朋友的好评,我自己也用在了项目中,不论是用户头像上传,还是各种媒体文件的上传,以及各种个性的业务需 ...

  2. expr算术运算

    #!/bin/bash #expr MY_VAR1= MY_VAR2= #expr 是命令 MY_VAR3=`expr $MY_VAR1 + $MY_VAR2` MY_VAR4=`expr $MY_V ...

  3. 【JZOJ5553】【20190625】谜

    题目 给出一个\(2\times n\)个点的二分图的邻接矩阵\(M\) 以及\(m\)个行替换元,\(k\)个列替换元 \(q\)次询问:op u v 表示用第v个行/列替换元去替换矩阵的第u行/列 ...

  4. [转]使用Google Cloud + cloudflare永久免费运行一个网站

    原文出处:https://www.jianshu.com/p/dc4c9996f4b9 除却域名的年费,我的博客站点是运行在云服务器上,如果没有意外,维护的费用应该是零. 云主机 云服务器我使用的是G ...

  5. k8s实现灰度发布

    灰度发布在实际生产部署中是经常被使用的方式,常规的方法是手动从前端LB(负载均衡)上将后端服务器摘掉,然后,停服务,最后上传代码,完成软连接更新.在使用CI/CD工具时,这个过程变得自动化了,我们只需 ...

  6. Tecplot——为动画添加求解时间（翻译）

    翻译自:<Tecplot 360 Getting Started Manual>中的Scenic Detour: Add Solution Time Caption 首先展示效果: 在画图 ...

  7. UIAutomatorViewer、Inspector获取元素信息

    一.UIautomatorViewer 它是Android SDK的一个工具,如果安装了 Android SDK,就可以在cmd窗口直接输入uiautomatorviewer打开. 点击左上角的第二个 ...

  8. maven 无法引入包 报错 处理方式

    <!--orderquery thrift client定义--> <dependency> <groupId>com.sankuai.qcs</groupI ...

  9. java核心技术卷上学习笔记

    9月5日 学习章节:第二章 Java程序设计环境 学习包括Java的安装.命令行工具.IDE.图形化开发环境等. 9月6日 学习章节:第三章 Java的基本程序设计结构 学习包括注释.数据类型.变量. ...

  10. Comparable接口的使用

    功能: Comparable接口可用于对象的排序或者对象的分组 介绍: Comparable接口强行对实现它的类的每个实例进行自然排序,该接口的唯一方法compareTo方法被称为自然比较方法 方法: ...