JSON基础 -- 笔记 - 图2review0617-1

  1. // JSON实例
  2. [
  3.     {
  4.         "empno":7369,
  5.         "ename":"李宁",
  6.         "job":"软件工程师",
  7.         "hiredate":"2017-05-12",
  8.         "salary":13000,
  9.         "dname":"研发部"
  10.     },
  11.     {
  12.         "empno":7499,
  13.         "ename":"王乐",
  14.         "job":"客户经理",
  15.         "hiredate":"2018-04-12",
  16.         "salary":10000,
  17.         "dname":"市场部",
  18.         "customers":[
  19.             {
  20.                 "cname":"李东"
  21.             },
  22.             {
  23.                 "cname":"刘楠"
  24.             }
  25.         ]
  26.     }
  27. ];

review0617-2

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON测试</title>
    <script type="text/javascript">
        var json = [
        {
            "empno":7369,
            "ename":"李宁",
            "job":"软件工程师",
            "hiredate":"2017-05-12",
            "salary":13000,
            "dname":"研发部"
        },
        {
            "empno":7499,
            "ename":"王乐",
            "job":"客户经理",
            "hiredate":"2018-04-12",
            "salary":10000,
            "dname":"市场部",
            "customers":[
            {
                "cname":"李东"
            },
            {
                "cname":"刘楠"
            }
            ]
        }
        ];

        // 在浏览器控制台上输出一下
        console.log(json);
        // 在页面中打出来
        for(var i=0;i<json.length;i++){
            var emp = json[i];
            document.write('<h1>');
            document.write(emp.empno + ',');
            document.write(emp.job + ',');
            document.write(emp.hiredate + ',');
            document.write(emp.salary + ',');
            document.write(emp.dname);
            document.write('</h1>');
            if (emp.customers!=null) {
                document.write('<h2>');
                for(var j=0;j<emp.customers.length;j++){
                    var customers = emp.customers[j];
                    document.write(customers.cname);
                }
                document.write('</h2>');
            }
        }
    </script>
</head>
<body>

</body>
</html>

review0617-3

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串转换JSON</title>
    <script type="text/javascript">
        // JSON.parse()
        var str = '{"class_name":"五年级四班"}';
        var json = JSON.parse(str);
        console.log(str);
        console.log(json);
        document.write('班级：' + json.class_name);

        // JSON.stringify()
        var json1 = {"class_name":"五年级四班"};
        var str1 = JSON.stringify(json1);
        console.log(json1);
        console.log(str1);
    </script>
</head>
<body>

</body>
</html>