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. Ice Igloos Gym - 101480I (暴力技巧)

    Problem I: Ice Igloos \[ Time Limit: 10 s \quad Memory Limit: 512 MiB \] 题意 给出\(n\)个圆,给出每个圆的坐标\(x\). ...

  2. Linux定时任务crontab命令

    linux 系统则是由 cron (crond) 这个系统服务来控制的.Linux 系统上面原本就有非常多的计划性工作,因此这个系统服务是默认启动的.另外, 由于用户自己也可以设置计划任务,所以,Li ...

  3. 代码块和Java的API及Object类

    代码块 局部代码块 特点: 以”{}”划定的代码区域,此时只需要关注作用域的不同即可 方法和类都是以代码块的方式划定边界的 构造代码块 优先于构造方法执行,构造代码块用于执行所有对象均需要的初始化动作 ...

  4. A%G^C006

    AGC006 快乐翻题解\(\sqrt{}\) A Prefix and Suffix 这一场我怎么一道都不会啊/kk https://agc006.contest.atcoder.jp/submis ...

  5. 同余and乘法逆元学习笔记

    目录 数学符号 快速幂 方法一 方法二 同余 概念 同余的性质 乘法逆元 概念: 求逆元的方法 扩展欧几里得 快速幂法\(o(n*log(n))\) 递推法\(o(n)\) sjp大佬让我写同余那就只 ...

  6. spring注解式参数校验列表

    校验注释列表: @AssertFalse Boolean,boolean 验证注解的元素值是false @AssertTrue Boolean,boolean 验证注解的元素值是true @NotNu ...

  7. 前端零基础入门：页面结构层HTML（3）

    搭建网页HTML结构 标签 标签 块级标签 和 行内标签 标签嵌套规则 和 div css 标签是一个区块容器标记, 之间是一个容器,可以包含段落,表格,图片等各种HTML元素. 标签没有实际意义,为 ...

  8. Nexus OSS私服仓库的备份与迁移

    背景 在上一篇博客 [Maven学习]Nexus OSS私服仓库的安装和配置 中,我们已经在机房搭建好了新的Nexus OSS私服仓库.下面是两个版本的Nexus OSS私服仓库的对比图. 老的Nex ...

  9. 3D中的相机 - 投影矩阵和视图矩阵

    3D中的相机 - 投影矩阵和视图矩阵 3d游戏中,一般通过相机的设置来计算投影矩阵和视图矩阵,比如untiy和cocos,一般情况下我们不用关注如何计算, 可以直接在可视化的编辑器中调整参数就可以了, ...

  10. Git和Github详细教程

    一 概述 说到Git和Github,前几天我们知道微软以75亿美元收购全球最大的代码托管和写作平台GitHub,而GitHub是全球最大的代码仓库,很多开发人员都将代码存放在Github,许多开发者因 ...