JSON概念、基本规则、获取数据值、循环获取值

JSON :

概念: JavaScript object Notation

Javascript对象表示法

json现在多用于存储和交换文本信息的语法;进行数据的传输;
JSON比XML更小、更快,更易解析。


语法:

基本规则

数据在名称/值对中: json数据是由键值对构成的
键用引号(单双都行)引起来,也可以不使用引号

值得取值类型:

  1. 数字(整数或浮点数)
  2. 字符串(在双引号中)
  3. 逻辑值(true 或false)
  4. 数组(在方括号中) {“persons”:[{},{}]}
  5. 对象(在花括号中) {" address":{“province” : “陕西” …}
  6. null

数据由逗号分隔:多个键值对由逗号分隔
花括号保存对象:使用 { } 定义json格式
方括号保存数组:[ ]

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

        //2.嵌套格式 {}-->[]
        var persons = {"persons":[{"name":"张三","age":23,"gender":true},
                {"name":"李四","age":22,"gender":true},
                {"name":"王五","age":24,"gender":true}]
        };
        // alert(persons);

        //3.嵌套格式 []-->{}
        var ps = [{"name":"张三","age":23,"gender":true},
            {"name":"李四","age":22,"gender":true},
            {"name":"王五","age":24,"gender":true}]
    </script>
</head>
<body>
</body>
</html>

获取值

    <script>
        //1.定义基本格式
        var person = {"name":"张三",age:23,'gender':true};

        //获取name的值
        var name = person.name;
        //或
        var name1 = person["name"];

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

    </script>

循环获取数据值

    <script>
        var person = {"name":"张三",age:23,'gender':true};

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

        //获取person对象中所有键和值
        //for in循环
        for (var key in person){
            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>
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值