深入理解JSON操作：从对象到字符串-CSDN博客

这篇博客主要介绍了JSON的基本操作，包括创建对象、访问数据、转换为JSON字符串、解析JSON到对象以及如何遍历JSON对象。通过实例代码详细讲解了整个过程。

Json小练习

对象

var Dog = {
    name: 'nn',
    age: 8,
    chiledren: [
        {'name': 'hh', 'age': 6},
        {'name': 'pd', 'age': 6}
    ]
}
//相当于java中以下代码
class Dog{
    private String name;
    private int age;
    private List<Dog> children;
}

访问对象中的数据

//获取Dog名字（nn）
console.log("Dog的名字："+Dog.name)
//获取Dog的第一个孩子的年龄（hh）
console.log("Dog的第一个孩子的年龄"+Dog.chiledren[0].age)

对象转json串

var DogStr = JSON.stringify(Dog);//把js对象转成json串

json串转对象

var newDog = JSON.parse(DogStr);//把json串转成对象

遍历对象

//对Dog这个对象进行遍历
for (i in Dog){//i就是Dog中的key值
    console.log(i,Dog[i])
}

完整代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>

    </body>
    <script>
        //json格式
        //表示对象：{key1:value,k2:v2,...}
        //var a ={"name":"nn","age":8};  js对象
        var Dog = {
            name: 'nn',
            age: 8,
            chiledren: [
                {'name': 'hh', 'age': 6},
                {'name': 'pd', 'age': 6}
            ]
        }
        //相当于java中以下代码
        <!--    class Dog{-->
        <!--        private String name;-->
        <!--        private int age;-->
        <!--        private List<Dog> children;-->
        <!--    }-->


        //获取Dog名字（nn）
        console.log("Dog的名字："+Dog.name)
        //获取Dog的第一个孩子的年龄（hh）
        console.log("Dog的第一个孩子的年龄"+Dog.chiledren[0].age)

        console.log(Dog)
        var DogStr = JSON.stringify(Dog);//把js对象转成json串
        console.log("DogStr"+DogStr)
        var newDog = JSON.parse(DogStr);//把json串转成对象
        console.log(newDog)

        console.log("--------------------")
        //对Dog这个对象进行遍历
        for (i in Dog){//i就是Dog中的key值
            console.log(i,Dog[i])
        }
    </script>
</html>