在WEB开发过程中,往往需要用到城市列表。鉴于网上都是通过访问某个数据库得到,在实际应用中往往大材小用,耗费宽带资源,增加等待时间。
最终实现如下图所示:因为数据比较大,页面展示效果不佳, 这里只放了图片。所有的数据,放在在csdn资源上 http://download.csdn.net/detail/cchenliang/9862247,免费下载。
为了解决问题,作者在网上抓取了一些省市的资料,将其转化成JSON格式数据。供大家使用。
核心代码:
chang2Json=(str)=>{
var json ={},b,c;
str.split(" ").map(
(s,i)=>{
i==0?(json[s]={},b=s):(i%2?c=s:json[b][c]=s);
return s;
})
return JSON.stringify(json);
}
格式如下:整个城市为一个JSON格式,里面的键值对为省,市json数据。市json数据里的键值对为 市:区号。
var json = {
province:{
city:number,
...
},
...
}
使用时,对json第一层循环:
for(let key in json){
console.log(key);//打印出省名
}
for(let city in json[key]){//打印某个市下面所有的城市信息
console.log(city);
console.log(json[key][city]);//打印市的区号
}
验证程序:
for(let key in json){
console.log(key);//打印出省名
for(let city in json[key]){
console.log(city+" : "+json[key][city]);
}
}