学习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 >

转载于:https://www.cnblogs.com/cfanseal/archive/2008/12/08/1350727.html