前端js读写本地文件(2019年和2020年行政区域变化对比)

最近做监测可视化大屏的热力地图功能,成都新津县,后端返回了数据,前端渲染热力地图时,始终渲染不出来数据。后来发现是,后端的行政区域编码是2019年版本的:510132新津县,而高端地图api取到的是新版的(2020年版本):510118新津区。发现没,该区域的编码和名称叫法都变动。 所以需要兼容处理。故做了个这2个版本的所有区域的对比分析,确认哪些区域有调整。

读写本地文件

前端fetch方法或jqueryajax方法,没法逐行解析读取的非json类的结果集。所以,需要将2019年和2020年的行政区划代码转出json格式类数据。之前,我都是麻烦后端给我转的,现在不用了,因为node支持读写本地文件,瞬间惊喜。
2020年12月中华人民共和国县以上行政区划代码2019年7月中华人民共和国县以上行政区划代码
将2019年和2020年的行政区划代码保存成txt文件,然后转换成json数据格式存储在本地。
本地txt文件内容格式:

110000  北京市                     
110101     东城区                      
110102     西城区                      
110105     朝阳区

转换成json格式文件内容:

{
    "year": "2019-07",
    "data": [
        {
            "code": "110000",
            "name": "北京市"
        },
        {
            "code": "110101",
            "name": "东城区"
        },
        {
            "code": "110102",
            "name": "西城区"
        },
        {
            "code": "110105",
            "name": "朝阳区"
        }
      ]
}

转换的js代码如下(file.js),自行调整读写文件的路径、名称。

// var fs = require("fs");
// var data = fs.readFileSync('test.txt');
// console.log("同步读取: ",data.toString());
// console.log("同步读取: ",data);

let inputFileUrl = 'test.txt';//待读取文件的路径;调试用
let outputFileUrl = './output.json';//写本地文件的路径。调试用
// inputFileUrl = 'areacode2019-07.txt';//2019年7月全国行政区域编码表
// outputFileUrl = 'areacode2019-07.json';//2019年7月全国行政区域编码表(json格式)
inputFileUrl = 'areacode2020-06.txt';//2020年6月全国行政区域编码表
outputFileUrl = 'areacode2020-06.json';//2020年6月全国行政区域编码表(json格式)

const fs = require('fs');
const readline = require('readline');

const rl = readline.createInterface({
    input: fs.createReadStream(inputFileUrl),
    output: process.stdout,
    terminal: false
});
let data = [];//结果数据
let rowObj = null;
rl.on('line', (line) => {
    //console.log(line);
    //console.log(Object.prototype.toString.call(line));
    let rowStr = line.toString().replace(/\s*/g,"");
    let code = rowStr.substring(0,6);//前6位数字是行政区域编码
    let name = rowStr.substring(6);
    data.push({
        code: code,
        name: name
    });
});
rl.on('close', () => {
    console.log('读取文件结束。。。。。。');
    let str = JSON.stringify({year:'20120-06',data:data},"","\t")
    //console.log(str);
    toJsonFile(str,outputFileUrl);
});

function toJsonFile(data, fileUrl){
    //console.log('读取转换后json:',data);
    // let str = JSON.stringify({year:'2019-07',data:data},"","\t")
    // console.log(str);
    fs.writeFile(fileUrl, data, function (error) {
      if (error) {
        console.log('写入文件失败')
      } else {
        console.log('写入文件成功')
      }
    })
}

//cmd窗口执行命令:node fieurl 比如:node file.js

假设你安装了node.js(如未安装,自行下载安装,很简单。),win+R,输入cmd,打开命令窗口,进入到file.js文件的目录,然后执行命令$ node file.js即可。

数据对比

fetch方法取到上步骤生成的json数据,然后对比2019年和2020年不同部分的区域(名称或编码有变化的,包括新增或删除的)。
示例代码:

       var year201907 = [];//areacode2019-07.json
       var year202006 = [];//areacode2020-06.json

       var p1,p2;
       var url1 = 'areacode2019-07.json',
       url2 = 'areacode2020-06.json';
       p1  = new Promise(function(resolve, reject){
        fetch(url1)
            .then(res => res.json())
            .then(json => {
                console.log('1111',json);
                resolve(1);
            })
       });

       p2  = new Promise(function(resolve, reject){
        fetch(url2)
            .then(res => res.json())
            .then(json => {
                console.log('2222',json);
                resolve(2);
            })
       });
       

       Promise.all([p1,p2]).then(data=>{
            console.log('3333',data);
       });

对比的结果,如下图:


2019-2020年变动行政区域.png

参考

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,135评论 6 514
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,317评论 3 397
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,596评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,481评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,492评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,153评论 1 309
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,737评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,657评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,193评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,276评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,420评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,093评论 5 349
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,783评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,262评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,390评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,787评论 3 376
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,427评论 2 359

推荐阅读更多精彩内容