JavaWeb22.2【Ajax&Json:Json語法】
阿新 • • 發佈:2021-07-08
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>5-json語法-定義和取值</title> 6 <script> 7 //1 基本格式 8 var person = {"name":"zhangsan", age:23, 'gender':true}; //鍵名注意不要這樣寫,格式要統一,方便閱讀 9 // alert(person); //[object Object]10 /* var name = person.name; 11 var name = person["name"]; 12 alert(name); //zhangsan*/ 13 14 15 //2 巢狀格式{}-->[] 16 var persons = { 17 "person":[ 18 {"name":"zhangsan", "age":23, "gender":true}, 19 {"name":"李四", "age":16, "gender":false}, 20 {"name":"WW", "age":22, "gender":true} 21 ] 22 }; 23 // alert(persons); //[object Object] 24 /*var name1 = persons.person[1].name; 25 alert(name1); //李四*/ 26 27 28 //3 巢狀格式[]-->{} 29 var ps = [ 30 {"name":"zhangsan", "age":23, "gender":true}, 31 {"name":"李四", "age":16, "gender":false}, 32 {"name":"WW", "age":22, "gender":true} 33 ]; 34 // alert(ps); //[object Object],[object Object],[object Object] 35 /*var name2 = ps[2].name; 36 alert(name2); //WW*/ 37 38 </script> 39 </head> 40 <body> 41 42 </body> 43 </html>
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>5-json語法-遍歷</title> 6 <script> 7 var person = {"name":"zhangsan", "age":23, "gender":true}; 8 9 //利用for...in...迴圈獲取person物件中的鍵和值 10 /*for (var key in person){ 11 // alert(key); //注意key預設是字串格式 12 // alert(key + ":" + person.key); //這樣的方式獲取不行,因為相當於person."name",而不是person.name 13 alert(key + ":" + person[key]); 14 }*/ 15 16 17 var ps = [ 18 {"name":"zhangsan", "age":23, "gender":true}, 19 {"name":"李四", "age":16, "gender":false}, 20 {"name":"WW", "age":22, "gender":true} 21 ]; 22 23 //利用雙層巢狀迴圈遍歷ps 24 for (var i=0; i<ps.length; i++){ 25 var p = ps[i]; 26 for (var key in p){ 27 alert(key + ":" + p[key]); 28 } 29 } 30 31 </script> 32 </head> 33 <body> 34 35 </body> 36 </html>