JS基础-json数据格式简要概叙

318 阅读1分钟

Json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构。

1、对象:对象在js中表示为“{}”括起来的内容,数据结构为 {key:value,key:value,...}的键值对的结构,在面向对象的语言中,key为对象的属性,value为对应的属性值,所以很容易理解,取值方法为 对象.key 获取属性值,这个属性值的类型可以是 数字、字符串、数组、对象几种。

2、数组:数组在js中是中括号“[]”括起来的内容,数据结构为 ["java","javascript","vb",...],取值方式和所有语言中一样,使用索引获取,字段值的类型可以是 数字、字符串、数组、对象几种。

举例:

var students = ["小明","小红"];
var ages = [18,17];

var stuJson = [
    {
        "name":"xiaoming",
        "age":18,
        "likes":["抽烟","喝酒","烫头"]
    },
    {
        name:"xiaohong",
        age:17
    },
    {
        name:"xiaogang",
        age:70
    }
];

根据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);