什么是JSON?初识JSON

最新推荐文章于 2024-10-01 20:12:28 发布

且听深林细雨

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量554

点赞数

分类专栏： Java 学习记笔记文章标签： json

本文链接：https://blog.csdn.net/qq_43098690/article/details/122201859

版权

笔记同时被 2 个专栏收录

69 篇文章 0 订阅

订阅专栏

Java 学习记

66 篇文章 1 订阅

订阅专栏

本文详细介绍了JSON（JavaScript Object Notation）的基本概念，作为轻量级的数据交换格式，JSON因其易读写性和机器解析性而广泛使用。文中通过实例展示了如何在JavaScript中创建和访问JSON对象，包括对象属性的访问、数组操作以及嵌套JSON数组的内容获取。通过阅读，读者可以掌握JSON格式的定义及在实际开发中的应用。

摘要由CSDN通过智能技术生成

学习目标：

能够熟练的在开发中使用JSON格式存储数据、如何访问JSON数据

JSON的定义：

JSON (JavaScript Object Notation) 是⼀种轻量级的数据交换格式。易于⼈阅读和编写。同时也易于机器解析和⽣成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition -December 1999的⼀个⼦集。 JSON采⽤完全独⽴于语⾔的⽂本格式，但是也使⽤了类似于C语⾔家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语⾔。

在标准的json格式中，json对象由在括号括起来，对象中的属性也就是json的key是⼀个字符串，所以⼀定要使⽤双引号引起来。每组key之间使⽤逗号进⾏分隔。

Json定义格式：

var 变量名 = {
	"key1" : value , 		// Number类型
	"key2"  : "value" , 	// 字符串类型
	"key3"  : [] ,		 	// 数组类型
	"key4" : {}, 			// json 对象类型
	"key5" : [{},{}] 		// json 数组
};

JSON对象的访问：

json对象，顾名思义，就知道它是⼀个对象。⾥⾯的key就是对象的属性。我们要访问⼀个对象的属性，
只需要使⽤【对象名.属性名】的⽅式访问即可。
例如：

    <script type="text/javascript">
        // 1.定义JSON
        var j1 = {"name":"张三","age":18};
        alert(j1.name+","+j1.age);  // 张三,18
        // 数组
        var j2 = {"names":["aa","bb","cc"]}
        alert(j2.names[1]);   // bb

        //json 数组内容
        var j3 = {"users":[{"name":"张三","age":18},{"name":"张三2","age":14},{"name":"张三3","age":12}]};
        alert(j3.users[0].name);  // 张三
    </script>

下面是页面源码，保存为 *.html 用浏览器打开页面，就可以直接看到结果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSONTest</title>
    <script type="text/javascript">
        // 1.定义JSON
        var j1 = {"name":"张三","age":18};
        alert(j1.name+","+j1.age);  // 张三,18
        // 数组
        var j2 = {"names":["aa","bb","cc"]}
        alert(j2.names[1]);   // bb

        //json 数组内容
        var j3 = {"users":[{"name":"张三","age":18},{"name":"张三2","age":14},{"name":"张三3","age":12}]};
        alert(j3.users[0].name);  // 张三
    </script>
</head>
<body>
    <h1> JSON 学习</h1>
</body>
</html>