十分钟,学会使用js三种方法创建本地json数据文件

十分钟,学会使用js三种方法创建本地json数据文件

前言

在干业务时,需要得到一份全国省市到街道的区划数据,刚好业务中连接了高德地图,高德地图又提供了区划的api,这下只需要把数据写到json里了。什么!你说你还不会用js创建json文件?没关系,只需十分钟阅读文章,学会使用js三种方法创建本地json文件!

一、使用html5创建json文件

通过a标签来下载获取到我们创建的json文件。 缺点:必须要下载一次,下载目录不可控,当大量json文件下载时,会储存到同一个文件夹,显的很杂乱。

结果:

二、通过fs.writeFile

使用fs的好处可以省略下载步骤,且下载目录是可控的。可以适应更为复杂的业务。(不会真以为前端不用学node吧?A.A)

const fs=require('fs')

// writeFile()可以接收四个参数,第一个是路径,第二个是文件内容,

//第三个可选项代表权限,第四个是回调函数。这里第三个参数通常省略

let data={

name:"张三",

tel:'1008611',

age:"18"

}

//将javascript对象转换为json字符串

data = JSON.stringify(data, undefined, 4);

fs.writeFile('./js/test1.json',data,err=>{

if(err){

console.log('写入出错了');

}else{

console.log('文件写入成功');

}

})

结果:

三、通过fs Stream流

通过Stream流,使步骤、流程更加清晰。也可以在流程中进行更多操作

const fs=require('fs')

let data={

name:"张三",

tel:'1008611',

age:"18"

}

data = JSON.stringify(data, undefined, 4);

// 创建一个可以写入的流,写入到文件 newJs.txt 中

var writerStream = fs.createWriteStream('newJs.json');

// 使用 utf8 编码写入数据

writerStream.write(data,'UTF8');

// 标记文件末尾

writerStream.end();

// 处理流事件 完成和报错时执行

writerStream.on('finish', function () {

console.log("写入完毕");

});

writerStream.on('error', function (err){

console.log(err.stack);

});

console.log("程序执行完毕");

结果:

相关文章

尼康d750和d810哪个好
28365365体育在线备用

尼康d750和d810哪个好

09-17 1525
猫眼耳钉耳饰
365bet亚洲真人

猫眼耳钉耳饰

07-12 4411
日版奥德赛卡带怎么设置中文
365BETAPP官网

日版奥德赛卡带怎么设置中文

07-16 9077
韩国帆布鞋有哪些品牌
365bet亚洲真人

韩国帆布鞋有哪些品牌

09-24 3804
地级市资源型城市名单、分类数据
28365365体育在线备用

地级市资源型城市名单、分类数据

06-27 8307
《梦幻西游》无底洞副本连线过关攻略
28365365体育在线备用

《梦幻西游》无底洞副本连线过关攻略

07-13 2091
收费标准是什么?
365BETAPP官网

收费标准是什么?

09-25 5818