1，JSON【阶段重点】
1.1：简述
目标：1，理解JSON使用原因 2，熟练使用不同JSON格式的数据
轻量化数据交换格式，本质JS对象。
可以让不同语言进行数据转换。
1.2：格式
1.2.1：JavaBean、Map格式
JavaBean、Map格式（键值对）
{“key1”:"value1","key2":"value2",.......}
{"name":"张三"，“age”：“18”，“sex”：“男”}
<script> //json对象 var person1 = {"name":"刘川","sex":"男","age":"20多"}; console.log(person1);//[object Object] console.log(person1["name"]); console.log(person1["sex"]); console.log(person1["age"]); </script>
var person2 = {name:"某川",sex:"男",age:"20"}; person2["name"]="川某"; console.log(person2["name"]);
小结：
- 定义格式1：{"k1":"v1","k2":"v2"};
- 定义格式2：{k1:"v1",k2:"v2"};
获取使用格式：自定义对象["属性名"];
设置使用格式：自定义对象["属性名"]="值";
1.2.2：List格式
List格式（数组）：
["key1","key2",.....]
["aa","bb","cc","dd"]
<script> //js数组，json格式 var arr = ["立铭","锟锟","坤哥"]; console.log(arr[0]); arr[0] = "小曲"; console.log(arr[0]); </script>
小结：
JS数组第一种定义方式，就是JSON List格式的定义方式。
1.2.3：复合格式
保存一个商品信息：pid为001，pname为”小米”，price为10.55。JSON应该如何写？
var product = {pid:"001",pname:"小米",price:"10.55"};
保存一个班级信息：
班级名称为”JavaX班”，
学生分别有”王五”,”赵六”,”钱七”
//复合练习 var classInfo = { "className":"Java12班", "stuList":["王五","赵六","钱七"] }; //需求：想获取班级名 console.log(classInfo["className"]); //需求：想将学生列表中，最后追加一个张三 classInfo["stuList"].push("张三"); console.log(classInfo); //需求：遍历学生列表 var stuList = classInfo["stuList"]; for (x in stuList){ console.log(stuList[x]); }
保存三个商品信息：
pid为001，pname为”小米”，price为10.55。
pid为007，pname为”面条”，price为2.10。
pid为009，pname为”大米”，price为5.99。
<script> var pList = [ {pid:"001",pname:"小米",price:"10.55"}, {pid:"007",pname:"面条",price:"2.10"}, {pid:"009",pname:"大米",price:"5.99"} ]; console.log(pList[1]["price"]); pList[2]["price"] = "3.99"; console.log(pList); </script>
1.3：遍历使用
<script> //建议使用for..in循环遍历，更简单 //效果：001 小米 10.55 var pList = [ {pid:"001",pname:"小米",price:"10.55"}, {pid:"007",pname:"面条",price:"2.10"}, {pid:"009",pname:"大米",price:"5.99"} ]; //外层循环：pList[i] 循环到某个商品对象 for(i in pList){ var str = ""; //内层循环：pList[i][n] 循环的是某个商品对象的某个属性 for (n in pList[i]){ str+=pList[i][n]+" "; } console.log(str); } var classInfo = { "className":"传智专修学院Java12班", "stuList":["王五","赵六","钱七"] }; //遍历王五、赵六、钱七 var sList = classInfo["stuList"]; for (i in sList) { console.log(sList[i]); } </script>
for(索引/属性名 in 集合){
}
数组：获取索引
json对象：获取属性名
1.4：字符串转换JSON
获取到JSON格式的字符串，该字符串无法直接作为JSON对象使用的，必须经过转换。
<script> var p1 = '{"name":"刘川","sex":"男","age":"20"}'; console.log(p1["name"]);//undefined //转换 var person = eval("("+p1+")"); console.log(person["name"]);//刘川 </script>
小结：
json对象 = eval("("+待转换的字符串+")");
注意事项：
字符串必须是JSON格式，否则转换失败
