JSON-概念、JSON-语法定义、JSON语法-值的获取

JSON-概念

概念：JavaScript Object Notation JavaScript对象表示法

　　Person p = new Person();

　　p.setName("张三");

　　p.setAge(23);

　　p.setGender("男");

　　var p = {"name" : "张三","age" : 23，"gender" : "男"}；

　　json现在多用于存储和交换文本信息的语法

　　进行数据的传输

　　JSON比XML更小，更快，更易解析

JSON-语法定义

基本规则

　　数据在名称/值对中：json数据是由键值对构成的

　　　　键用引号(单双都行)引起来，也不可以不适用引导

　　　　值的取值类型：

　　　　　　1.数字(整数或浮点数)

　　　　　　2.字符串(在双引号中)

　　　　　　3.逻辑值(true或false)

　　　　　　4.数组(在方括号中){"person" : [{},{}] }

　　　　　　5.对象(在花括号中){"address" : {"province" : "陕西"......}}

　　　　　　6.null

　　　　数据由逗号分隔：多个键值对由逗号分隔

　　　　花括号保存对象：使用{}定义json格式

　　　　方括号保存数组：{}

05-JSON-语法定义.html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON-语法定义</title>
    <script>
        // 1.定义基本格式
        var person = {"name" : "张三", age : 23, 'gender' : true};

        // 获取name的值
        // var name = person.name;
        var name = person["name"];
        // alert(name);

        // alert(person);
        // 2.嵌套格式 {}————> []
        var persons = {
            "persons" : [
                {"name" : "张三", age : 23, "gender" : true},
                {"name" : "李四", age : 24, "gender" : true},
                {"name" : "王五", age : 25, "gender" : false}
            ]
        };
    </script>
</head>
<body>

</body>
</html>

JSON-语法-值的获取

获取数据：

　　1.json对象.键名

　　2.json对象["键名"]

　　3.数组对象[索引]

　　4.遍历

06-JSON-语法-值的获取.html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON-语法-值的获取</title>
    <script>
        // 1.定义基本格式
        var person = {"name" : "张三", age : "23",'gender' : true};

        var ps = [{"name" : "张三", age : "23","gender" : true},
            {"name" : "李四", age : "24","gender" : true},
            {"name" : "王五", age : "25","gender" : false}];

        // 获取person对象中所有的键和值
        // for in 循环
        /* for (var key in person) {
            // 这样的方式获取不行。因为相当于 person."name"
            // alert(key + ":" + person.key);
            alert(key + ":" + person[key]);
        } */

        // 获取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>
posted @ 2023-02-20 14:58  肥宅快乐水~  阅读(30)  评论(0)  编辑  收藏  举报