首页 > 其他分享> 文章详细

JSON概念和语法定义

2022-08-21 12:01:11 阅读：203 来源： 互联网

标签：定义 23 gender age 语法 JSON var true name

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. 数组(在方括号中){”persons“:[{},{}]}
  5. 对象(在花括号中){”address":{"province":陕西....}}
  6. null
数据又逗号分隔：多个键值对由逗号分隔
花括号保存对象：使用{}定义json格式
方括号保存数组：[]

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Json数据语法</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        //定义基本格式
        var person = {"name": "张三", age: 23, 'gender': true};
        //alert(person)
        //2.嵌套格式
        var persons = {
            "persons":
                [{"name": "张三", "age": 23, 'gender': true},
                {"name": "张三", "age": 23, 'gender': true},
                {"name": "张三", "age": 23, 'gender': true}]
        };
        alert(persons);

        //嵌套格式[]->{}
        var ps=[
            [{"name": "张三", "age": 23, 'gender': true},
            {"name": "张三", "age": 23, 'gender': true},
            {"name": "张三", "age": 23, 'gender': true}]
        ];
        alert(ps)
    </script>
</head>
<body>

</body>
</html>

运行结果

获取数据

单独获取数据

json对象.键名
json对象["键名"]
数组对象[索引]

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Json数据语法</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script>
        //定义基本格式
        var person = {"name": "张三", age: 23, 'gender': true};
        //获取name的值
        var name=person["name"];
        alert(name)
        //2.嵌套格式
        var persons = {
            "persons":
                [{"name": "张三", "age": 23, 'gender': true},
                {"name": "李四", "age": 23, 'gender': true},
                {"name": "王五", "age": 23, 'gender': true}]
        };
        //alert(persons);
        //获取王五的值
        var name1 = persons.persons[2].name;
        alert(name1);

        //嵌套格式[]->{}
        var ps=[
            {"name": "张三", "age": 23, 'gender': true},
            {"name": "李四", "age": 23, 'gender': true},
            {"name": "王五", "age": 23, 'gender': true}
        ];
        //alert(ps)
        //获取李四的值
        alert(ps[1].name);

    </script>
</head>
<body>

</body>
</html>

运行结果

遍历获取数据

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Json数据语法</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <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>

标签：定义,23,gender,age,语法,JSON,var,true,name
来源： https://www.cnblogs.com/aimz01/p/16609649.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

JSON概念和语法定义

JSON概念

JSON语法定义

基本规则

获取数据