学习Json

学习Json，写了一个简单的json ，然后写了三个遍历的方法，感觉第二种json的结构稍微好一点。刚刚开始用，还需要很大改进啊！下面是测试代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>学习JSON</title></head>
<script>
var value = {
    "china":{
        "hangzhou":{"item":"1"},
        "shanghai":{"item":"2"},
        "chengdu":{"item":"3"}
    },
    "America":{
        "aa":{"item":"1"},
        "bb":{"item":"2"}
    },
    "Spain":{
        "dd":{"item":"1"},
        "ee":{"item":"2"},
        "ff":{"item":"3"}
    }
};

var value2 = {
    "china":[
        {"name":"hangzhou", "item":"1"},
        {"name":"shanghai", "item":"2"},
        {"name":"sichuan", "item":"3"}
    ],
    "America":[
        {"name":"aa", "item":"1"},
        {"name":"bb", "item":"2"}
    ],
    "Spain":[
        {"name":"cc", "item":"1"},
        {"name":"dd", "item":"2"},
        {"name":"ee", "item":"3"}
    ]
};
start = new Date().getTime();
for(countryObj in value) {
    document.write(countryObj + ": <br />");
    for(cityObj in value[countryObj]) {
        document.write("&nbsp;&nbsp;&nbsp;&nbsp;"+ cityObj + " item: " + value[countryObj][cityObj]["item"] + "<br />");
    }
}
end = new Date().getTime();
document.write("耗时："+(end - start) / 1000 + "sec <br />");

start = new Date().getTime();
//for in 遍历第二种json
for(countryObj2 in value2) {
    document.write(countryObj2 + ": <br />");
    for(cityObj2 in value2[countryObj2]) {
        document.write("&nbsp;&nbsp;&nbsp;&nbsp;"+ value2[countryObj2][cityObj2]["name"] 
                + " item:" + value2[countryObj2][cityObj2]["item"] +"<br />");
    }
}
end = new Date().getTime();
document.write("<br />耗时："+(end - start) / 1000 + "sec <br />");

start = new Date().getTime();
//for in 结合数组遍历第二中数组
for(countryObj2 in value2) {
    document.write(countryObj2 + ": <br />");
    for(var i = 0; i < value2[countryObj2].length; i++) {
        document.write("&nbsp;&nbsp;&nbsp;&nbsp;"+ value2[countryObj2][i]["name"] 
                + " item:" + value2[countryObj2][i]["item"] +"<br />");
    }
}
end = new Date().getTime();
document.write("<br />耗时："+(end - start) / 1000 + "sec <br />");
</script>
<body></body>
</html>
posted @ 2008-12-08 22:59  cfanseal  阅读(236)  评论(0)    收藏  举报