JSON基础

概述

  JavaScript Object Notation(JavaScript 对象表示法)简称JSON是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式,但是也使用了类似于C语言家族的习惯(包括C、C++、C#、Java、JavaScript、Perl、Python等)。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成(一般用于提升网络传输速率)。JSON 比 XML 更小、更快,更易解析,所以从Web API和服务端编程语言到NoSQL数据库和客户端框架,都在广泛使用JSON。在不同平台间传递数据方面,JSON已成为XML强有力的替代者。

语法基础

  • JSON数据以大括号{ }表示

  • 在大括号{ }中以键值对的形式表示数据,各键值对之间以逗号,隔开。其中,键用双引号引起来,它是字符串类型;值可以为:数字、字符串、Boolean值、数组、对象、null中任意一种。

  • 大括号{ }中各键值对是无序的

即:{键1:值1,键2:值2,键3:值3,.....}

示例1:

var jsonData1 = {"name":"lucy","age":18,"isBoy":false};

示例2:

var jsonData2 = {
    "student": {
        "name": "lucy",
        "age": 18,
        "isBoy": false
    }
};

示例3:

复制代码
 var jsonData3 = 
 {
    "students": [{
            "name": "wawa",
            "age": 23,
            "isBoy": true
        },
        {
            "name": "tutu",
            "age": 24,
            "isBoy": true
        },
        {
            "name": "lili",
            "age": 25,
            "isBoy": false
        }
    ]
};
复制代码

JSON的本质

  从JSON的定义中不难看出,是一种JavaScript的对象表示法。即:JSON的本质就是一个JavaScript对象。

获取JSON对象中的数据

我们常需要依据JSON中的键获取其对应的值,常用方式如下:

  • json格式数据.键名

  • json格式数据["键名"]

示例

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>json</title>
        <script type="text/javascript">
            var jsonData4 = {
                "key1": "hello",
                "key2": 55,
                "key3": [66, "bye", "pi"],
                "key4": {
                    "key4_1": 77,
                    "key4_2": "ok"
                },
                "key5": [{
                    "key5_1_1": 88,
                    "key5_1_2": "wmd"
                }, {
                    "key5_2_1": 99,
                    "key5_2_2": "pb"
                }]
            };
            
            var value1=jsonData4.key1;
            //hello
            console.log("value1="+value1);
            
            var value2=jsonData4.key3[1];
            //bye
            console.log("value2="+value2);
            
            var value3=jsonData4.key4.key4_1;
            //77
            console.log("value3="+value3);
            
            var value4=jsonData4.key5[0].key5_1_2;
            //wmd
            console.log("value4="+value4);
      
        </script>
    </head>
    <body>

    </body>
</html>
复制代码

 

posted @   因为在乎  阅读(10)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
点击右上角即可分享
微信分享提示