JSON运用

最新推荐文章于 2024-05-31 14:49:19 发布

正能量铁铁&

最新推荐文章于 2024-05-31 14:49:19 发布

阅读量158

点赞数

分类专栏： JavaScript 文章标签： json javascript 前端

本文链接：https://blog.csdn.net/qq_65636794/article/details/126853404

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JSON</title>
</head>
<body>
    <script>
        // JSON是Java对象表示法
        // JSON是存储和交换信息得语法
        // JSON更小、更快、更易于解析（相对XML）
        // JSON独立于语言，就是不受限于语言，在多个语言中都可以使用

        // JSON就是js中对象的写法，键值对的形式--键是双引号或单引号括起来，建议双引号，因为后面有JSON串
        // JSON串就是将JSON对象用单引号括起来，表示JSON串，


        // 创建JSON对象
        //可以有数值型、字符串（双引号）、布尔型、对象（花括号）、数组（中括号）、null
        let JSON_object={
            "name":'键值对形式',//字符串用但单双引号括起来,建议双引号
            "explain":'冒号分隔键与值',
            "age":28,//整型就不需要括起来
            "flag":true,//布尔型也不需要括起来
            "obj":{
                "1":2,
                "2":[1],
                "3":[
                    {},
                    {}
                ],
                "function":function(){
                    console.log('JSON中可以放对象，对象中还可以有数组，数组中还能有对象，对象中还可以放方法')
                }
            }
        }


        // 访问JSON对象中的数据
        // 方法一
        console.log( JSON_object.name);
        // 方法二
        console.log(JSON_object['name']);
        console.log(JSON_object['age']);
        console.log(JSON_object['obj']);
        JSON_object['obj'].function()//调用JSON对象中的函数
        console.log(JSON_object['obj']['3']);


        // JSON对象转化为JSON字符串 JSON.stringify()
        str=JSON.stringify(JSON_object);
        console.log(str);

        // JSON字符串转化为JSON对象---方法一JSON.parse()
        jsonObject=JSON.parse(str);
        console.log(jsonObject);
        // JSON字符串转化为JSON对象---方法二window.eval()
        jsonObject1=eval("("+str+")");
        console.log(jsonObject1);
</script>
</body>
</html>