JSON数据解析入门-优快云博客

本文链接：https://blog.youkuaiyun.com/Binglili0809/article/details/108364489

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>title</title>
</head>
<body>
    <h2>JSON的基本用法</h2>
</body>
<script>
    /*
        1.JSON是一种数据的格式
        2.JSON跟编辑语言没有关系
        3.JSON的载体是字符串
        4.基本上所有的编程语言都支持JSON
        5.语法简洁 基本上所有的编程语言都提供了对应的方法来解析JSON
        6.JSON格式的字符串 可以转化为数组 对象

    */

    //用JSON的写法 来表示对象
    //对象使用{}
    //属性名 必须使用""（双引号，单引号不可以）
    //属性值 必须使用""（双引号，单引号不可以），如果属性值是数值 可以不适用双引号
    var JSONObject = '{"name":"小明","age":20}';
    console.log(JSONObject);//字符串{"name":"小明","age":20}

    //转化为 对应的 对象（数组）
    var obj = JSON.parse(JSONObject);
    console.log(obj);//对象{"name":"小明","age":20}
    console.log(obj.name);//小明

    //用JSON的写法 来表示数组
    var JSONArr = '["小明","小华","小红","张三"]';
    console.log(JSONArr);//字符串["小明","小华","小红","张三"]

    //转化为 对应的 数组(对象)
    var arr = JSON.parse(JSONArr);
    console.log(arr);//数组["小明","小华","小红","张三"]
    console.log(arr[1]);//小华

    //用JSON的写法表示 --- 对象数组
    var JSONObjArr = '{"name":"李四","sex":"男","friends":["小明","小华","小红","小李"]}';
    console.log(JSONObjArr);

    //转化为对应的 对象 数组
    var objArr = JSON.parse(JSONObjArr);
    console.log(objArr);
    console.log(objArr.friends[3]);//小李
</script>
</html>