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. LeetCode 1100. Find K-Length Substrings With No Repeated Characters

    原题链接在这里:https://leetcode.com/problems/find-k-length-substrings-with-no-repeated-characters/ 题目: Give ...

  2. MongoDB远程连接-MongoDB Compass

    MongoDB Compass Community连接界面设置

  3. CF1245F: Daniel and Spring Cleaning

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

  4. 洛谷 P1789 【Mc生存】插火把 题解

    P1789 [Mc生存]插火把 题目背景 初一党应该都知道...... 题目描述 话说有一天 linyorson 在"我的世界"开了一个 \(n\times n(n\le 100) ...

  5. vue中的scoped分析以及在element-UI和vux中的应用

    vue使用了单文件组件方式来解耦视图即.vue后缀文件名 单文件组件组成部分: <template> </template> <script> </scrip ...

  6. mvc基础配置

    视图解析器 在spring-mvc文件中编写 <!--配置视图解析器--> <bean class="org.springframework.web.servlet.vie ...

  7. python发送钉钉机器人脚本

    #!/usr/bin/python# -*- coding: utf-8 -*-import requestsimport jsonimport sysimport os headers = {'Co ...

  8. unicode欺骗—— hctf - admin

    查看源代码,发现<!-- you are not admin --> 提示要以管理员身份登陆 尝试注册管理员账号,提示The username has been registered 于是 ...

  9. /etc/resolv.conf options rotate

    timeout:n sets  the  amount  of time the resolver will wait for a response from a remote name server ...

  10. JetBrains套装免费学生授权申请（IntelliJ, ReSharper, WebStorm...）

    IntelliJ作为一款强大的Java开发IDE,售价自然也不会低.但是对于学生或教师来说,JetBrains开发工具免费提供给学生和教师使用.而且取得一次授权后只需要使用相同的 JetBrains ...