JS基础-json

json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构。
1、对象：对象在js中表示为“{}”括起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为 对象.key 获取属性值，这个属性值的类型可以是 数字、字符串、数组、对象几种。
2、数组：数组在js中是中括号“[]”括起来的内容，数据结构为 ["java","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是 数字、字符串、数组、对象几种。

举例：

<script>
            var students = ["小明","小红"];
            var ages = [18,17];
            
            var stuJson = [
                {
                    "name":"xiaoming",
                    "age":18,
                    "likes":["抽烟","喝酒","烫头"]
                },
                {
                    name:"xiaohong",
                    age:17
                },
                {
                    name:"xiaogang",
                    age:70
                }
            ];
        </script>

根据json打印表格：

//发送了一个请求,服务器返回json
            var list = [
                {
                    "name":"显示器",
                    "price": 800
                },
                {
                    "name":"鼠标",
                    "price": 9.9
                },
                {
                    "name":"键盘",
                    "price": 666
                }
            ];
            
            var table = "<table>";
            for(var i = 0; i < list.length; i++){
                table += "<tr>";
                //遍历list[i](对象)
                for(var key in list[i]){
                    table += "<td>"+ list[i][key] +"</td>";
                }
                table += "</tr>";
            }
            table += "</table>";
            
            document.write(table);