json(2)---前端如何處理json資料
阿新 • • 發佈:2019-01-02
json中的資料型別分為:數字、字串、布林、null、陣列和物件
用 [] 括起來的是陣列,用 { } 括起來的都是物件
宣告一個物件如下:var user={"userId":"1001",“username”:"Lucy","password":"123456","userAge":18};
宣告一個數組如下:var usernameArr=["Lucy","Lily","Tom",“Lilei”,"Hanmeimei"];
宣告一個數組物件如下:var userArrObject={"userVO":[
{"userId":1,“username”:"Lucy","password":"123456"},
{"userId":2,“username”:"Lily",“password”:"1234567"},
]}
測試程式碼如下:
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>json測試</title> <script type="text/javascript"> //1.json文字格式 var user="{'userId':'11','username':'Tom','userAge':'18','password':'123456'}"; //輸出的都是undefined,不知道型別 document.write(user.userId+" "+user.username); //使用eval將json文字格式資料解析為json物件 var userObj=eval("("+ user+")"); document.write(userObj.userId+" "+userObj.username); //2.json陣列物件 var emps={"employees":[ {"empId":"1","empName":"Tom"}, {"empId":"2","empName":"Lilei"}, {"empId":"3","empName":"Lucy"}, {"empId":"4","empName":"Lili"}, {"empId":"5","empName":"Hanmeimei"}, ]}; document.write(emps.employees[0].empId+"---"+emps.employees[0].empName); var emp='{"id":"1001","empName":"Lucy","hobbit":["Lol","basketBall"]}'; var empObj=eval("("+ emp +")"); alert(empObj.hobbit[0]+" "+empObj.hobbit[1]); </script> </head> <body> </body> </html>