1.json简介

正如我们在java中,使用实体对象来存储一个实体数据一样,在javaScript中,我们也需要这样一种对象,来存储一个实体数据。而且,此种对象将来也可以作为前端与服务器端进行数据交互的载体。
在json出现之前,大家都用 XML 传递数据。XML 是一种纯文本格式,所以适合在网络上交换数据,但是 XML 格式比较复杂,解析困难。终于道格拉斯•克罗克福特(Douglas Crockford)发明了JSON 这种超轻量级的数据交换格式。
JSON(JavaScript Object Notation)

  1. 是一种轻量级的数据交换格式。
  2. 易于人阅读和编写,同时也易于机器解析和生成。
  3. JSON采用完全独立于语言的文本格式。

上面这些特性使JSON成为理想的数据交换语言。

2.json数据格式语法

  1. json对象形式:对象中包含若干属性,属性以 ”键值对“ 的形式书写。

    1. let user = {
    2. userId:1,
    3. userName:'张三',
    4. userSex:'男'
    5. }
    6. console.log(user.userId);
    7. console.log(user.userName);
    8. console.log(user.userSex);
  2. json数组形式:一个json数组中包含多个json对象。

    1. let userArr = [
    2. {
    3. userId:1,
    4. userName:'张三',
    5. userSex:'男'
    6. },{
    7. userId:2,
    8. userName:'李四',
    9. userSex:'女'
    10. },{
    11. userId:3,
    12. userName:'王五',
    13. userSex:'男'
    14. }
    15. ]
    16. //获取json数组中某一个json对象
    17. let user = userArr[0];
    18. console.log(user.userId);
    19. console.log(user.userName);
    20. console.log(user.userSex);
    21. //遍历json数组
    22. for(let i=0;i<userArr.length;i++){
    23. console.log(userArr[i].userId,userArr[i].userName,userArr[i].userSex);
    24. }

    3.json与字符串之间的转换

    javaScript中内置了一个JSON对象,可以用来进行json与字符串之间的转换。

  3. json转换成字符串:使用JSON.stringify()

    1. let user = {
    2. userId:1,
    3. userName:'张三',
    4. userSex:'男'
    5. }
    6. let str = JSON.stringify(user);
    7. console.log(str); //{"userId":1,"userName":"张三","userSex":"男"}
    1. let userArr = [
    2. {
    3. userId:1,
    4. userName:'张三',
    5. userSex:'男'
    6. },{
    7. userId:2,
    8. userName:'李四',
    9. userSex:'女'
    10. },{
    11. userId:3,
    12. userName:'王五',
    13. userSex:'男'
    14. }
    15. ]
    16. let str = JSON.stringify(userArr);
    17. console.log(str); //[{"userId":1,"userName":"张三","userSex":"男"}, ... ]
  4. 字符串转换成json:使用JSON.parse()

    1. let user = {
    2. userId:1,
    3. userName:'张三',
    4. userSex:'男'
    5. }
    6. let str = JSON.stringify(user);
    7. let new_user = JSON.parse(str);
    8. console.log(new_user);