json简介
JSON(JavaScript Object Notation)
和我们在java中使用实体对象来存储一个实体数据一样,在javaScript中,我们也需要这样一种对象,来存储一个实体数据。而且,此种对象将来也可以作为前端与服务器端进行数据交互的载体,javaScript中的这种对象就是json。
1.是一种轻量级的数据交换格式。
2.易于人阅读和编写,同时也易于机器解析和生成。
3.JSON采用完全独立于语言的文本格式。
上面这些特性使得JSON成为理想的数据交换语言。
json数据格式语法
json对象形式
用{}括起来,对象中包含若干属性,属性以 “键值对”(key:value) 的形式书写。
样例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> let user={ name: 'Keafmd', sex : '男', age : 18, //永远18 height:187 } console.log(user); console.log("user.name:"+user.name); console.log("user.sex:"+user.sex); console.log("user.age:"+user.age); console.log("user.height:"+user.height); </script> </body> </html>
效果截图:
json数组形式
用[]括起来所有的json对象。
样例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> let users=[ { name: 'Keafmd', sex : '男', age : 18, //永远18 height:187 }, { name: '牛哄哄的柯南', sex : '男', age : 19, height:188 }, { name: '牛哄哄的小兰', sex : '女', age : 18, height:173 },] //获取json数组中某一个json对象 console.log("输出数组中的第一个json对象:") let user = users[0]; console.log(user.name); console.log(user.sex); console.log(user.age); console.log(user.height); //遍历json数组 console.log("遍历输出数组中的所有json对象:") for(let i=0;i<users.length;i++){ console.log(users[i].name,users[i].sex,users[i].age,users[i].height); } </script> </body> </html>
效果截图: