JSON、遍历获取json对象的值

最新推荐文章于 2024-08-28 11:37:10 发布

原创最新推荐文章于 2024-08-28 11:37:10 发布 · 2.1k 阅读

5 ·

CC 4.0 BY-SA版权

java_web 专栏收录该内容

48 篇文章

订阅专栏

本文介绍了JSON的基本使用方法，包括定义JSON对象、数组嵌套及对象嵌套等，并演示了如何通过遍历获取JSON对象中的各个元素值。

一、JSON基本入门

二、定义JSON对象

建一个html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</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}
                ]
        };
       // alert(persons);
        //获取王五值
        var name1 = persons.persons[2].name;
       // alert(name1);


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


    </script>

</head>
<body>

</body>
</html>

三、遍历获取json对象的值:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON遍历</title>
    <script>
        //定义json(基本格式),键可以+引号也可以不加
        var person={"name":"张三",age:23,"gender":true};

        //2.嵌套格式(数组里面有json对象)   []———> {}
        var ps=[{"name":"张三",age:23,"gender":true},
            {"name":"王五",age:24,"gender":true},
            {"name":"李四",age:25,"gender":false}];

        //3.嵌套格式(json对象里面有数组)   {}———> []
        var persons = {
            "p": [
                {"name": "张三2", "age": 23, "gender": true},
                {"name": "李四2", "age": 24, "gender": true},
                {"name": "王五2", "age": 25, "gender": false}
            ]};

        //1.获取person(基本格式)对象中所有的键和值
        //for in 循环,key是json对象的键，对象.键名这里遍历不管用，要对象[键]才行
        for (var key in person){
            //这样的方式获取不行。因为相当于  person."name"
            //alert(key + ":" + person.key);
            alert(key+":"+person[key]);
        }

        // 2.遍历数组里面的json(重点)
        //获取ps中的所有值,先遍历数组
        for(var i=0;i<ps.length;i++){
            //获取数组里面的每一个json对象
            var p=ps[i];
            for (var key in p){
                alert(key+":"+p[key]);
            }
        }

        // 3.遍历json里面的数组
        for (var key1 in persons){
            var json_value_array=persons[key1];
            for (var i=0;i<json_value_array.length;i++){
                //获取数组里面的每一个json对象
                var pi=json_value_array[i];
                for (var key2 in pi){
                    alert(key2+":"+pi[key2]);
                }
            }
        }

    </script>
</head>
<body>


</body>
</html>