<!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>josn</title>
<!-- josn：就是类似于javaScript对象的字符串，本质上是一个字符串，同时还是一种数据格式
web开发的时候经常使用
josn的数据格式有两种：
1、对象格式：{},key和value都使用双引号
2、数组格式：[]
-->
<script>
//web服务器把json数据给浏览器，当js解析json数据的时候为了方便，把josn解析成一个Javascript对象
//对象格式json
var sJosn1='{"name":"李四","age":"18"}';
//把json转成javaScript
var person=JSON.parse(sJosn1);//解析成了一个对象
console.log(person);
//获取对象属性
console.log(person.name+person.age);
//数组格式josn
var sJosn2='[{"name":"李四","age":"18"},{"name":"王五","age":"80"}]'
var aArray=JSON.parse(sJosn2); //解析成了一个数组，然后通过数组下标操作
console.log(aArray);
//通过下标获取指定js对象，然后通过js对象获取name属性
console.log(aArray[1].name);
//拓展：浏览器发送给服务的的josn数据，web服务器解析成字典（{}形式发送时）或者列表（[]格式发送时），然后去使用
</script>
</head>
<body>
</body>
</html>
