JavaScript前后端JSON使用方法教程


Posted in Javascript onNovember 23, 2020

汇总整理下JSON在JavaScript前后端中的使用方法,包括字符串和JSON对象的互转,JSON数组的遍历,JSON对象key值的获取,JSON内容格式化输出到文件,读取JSON内容文件转化为JSON对象等。

一、JavaScript后端JSON操作方法

1、JavaScript JSON字符串转JSON对象

var testStr = '{"name":"will","age":18,"hobby":"football"}'
var jsonObj = JSON.parse(testStr)

2、JS JSON对象转字符串

var testObj = {
 "name": 'will',
 "age": '18',
 "hobby": 'football'
}
var jsonStr = JSON.stringify(testObj)

3、JavaScript JSON数组的遍历

一种是for循环遍历:

for (var l = 0; l < jsonArray.length; l++) {
 var jsonItem = jsonArray[l]
}

一种是键值遍历:

var testJSArray = [
 {"number": 'one'},
 {"number": "two"},
 {"number": "three"},
 {"number": "four"},
 {"number": "five"},
 {"number": "six"},
]
for(index in testJSArray){
 console.log("index:" + index + "; name:" + testJSArray[index].number)
}

输出内容如下:

index:0; number:one
index:1; number:two
index:2; number:three
index:3; number:four
index:4; number:five
index:5; number:six

4、JS JSON数组合并

数组合并连接用concat方法,前端和后端都是用concat。

var testJSArray01 = [
 {"name": 'one'},
 {"name": "two"},
 {"name": "three"},
]
var testJSArray02 = [
 {"name": "four"},
 {"name": "five"},
 {"name": "six"},
]
var testJSONMerge = testJSArray01.concat(testJSArray02)

5、JavaScript获取JSON对象key值

var testObj = {
 "name": 'will',
 "age": '18',
 "hobby": 'football'
}
for (var key in testObj){
 console.log("key:" + key + ", value:" + testObj[key])
}

输出内容如下:

key:name, value:will
key:age, value:18
key:hobby, value:football

6. JS格式化输出JSON内容到文件

var writeStream = fs.createWriteStream(filePath);

return new Promise(function(resolve, reject) {
 writeStream.write("写入你需要的字符串内容");
 // 换行,如果是字符串中包含换行的字符,写入到.txt文件的时候并不能换行,需要输出换行符才行。
 writeStream.write("\n");
 // 格式化输出JSON字符串内容, JSONObj是要输出的JSON数据对象
 writeStream.write(JSON.stringify(JSONObj, null, "\t") + "\n");

 writeStream.end();
 writeStream.on('finish', () => {
 resolve(filePath);
 });
});

7、JavaScript读取JSON文件内容

不管内容是保存成.json还是.txt,只要是合法的JSON字符串内容都可以。

var filePath = 'xxx/xxx/test.json'
var fileContent = fs.readFileSync(filePath).toString();
var fileJson = JSON.parse(fileContent);

二、JavaScript前端JSON操作方法

1、字符串转JSON,angular.fromJson() 等价于JSON.parse()

var processInfo = angular.fromJson('{"process":[]}');

2、JSON转字符串,angular.toJson() 等价于JSON.stringify()

var out = angular.toJson(jsonObj, true);

3、JSON数组遍历

angular.forEach(jsonArray, function(jsonItem) {

});

4、判断JSON对象是否含有某个Key值

比如判断jsonObj这个对象是否含有“samples”这个key值

jsonObj.hasOwnProperty("samples")

总结

到此这篇关于JavaScript前后端JSON使用方法教程的文章就介绍到这了,更多相关JS前后端JSON使用内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 定义初始化数组函数
Sep 07 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
JS动态创建元素的两种方法
Apr 20 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
JavaScript中EventLoop介绍
Jan 22 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 Javascript
layui table单元格事件修改值的方法
Sep 24 Javascript
vue-cli设置publicPath小记
Apr 14 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 Javascript
微信小程序实现简单的select下拉框
Nov 23 #Javascript
记录一次websocket封装的过程
Nov 23 #Javascript
一篇文章让你搞懂JavaScript 原型和原型链
Nov 23 #Javascript
微信小程序实现锚点跳转
Nov 23 #Javascript
javascript实现电商放大镜效果
Nov 23 #Javascript
用webAPI实现图片放大镜效果
Nov 23 #Javascript
Vue 的 v-model用法实例
Nov 23 #Vue.js
You might like
PHP分页函数代码(简单实用型)
2010/12/02 PHP
几个有用的php字符串过滤,转换函数代码
2012/05/01 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
js获取class的所有元素
2013/03/28 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
jQuery获得内容和属性方法及示例
2013/12/02 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
JavaScript获取并更改input标签name属性的方法
2015/07/02 Javascript
JavaScript实现节点的删除与序号重建实例
2015/08/05 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
JS阻止事件冒泡行为和闭包的方法
2016/06/16 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
jquery  实现轮播图详解及实例代码
2016/10/12 Javascript
angular实现spa单页面应用实例
2017/07/10 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
[00:19]CN DOTA NEVER DIE!VG夺冠rOtK接受采访
2019/12/23 DOTA
python实现定制交互式命令行的方法
2014/07/03 Python
利用Python批量生成任意尺寸的图片
2016/08/29 Python
Python3实现将本地JSON大数据文件写入MySQL数据库的方法
2018/06/13 Python
python字符串替换第一个字符串的方法
2019/06/26 Python
python如何利用paramiko执行服务器命令
2020/11/07 Python
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
奥利奥广告词
2014/03/20 职场文书
表彰会主持词
2014/03/26 职场文书
主题实践活动总结
2014/05/08 职场文书
离婚协议书样本
2015/01/26 职场文书
导游词之新疆-喀纳斯
2019/10/10 职场文书
Python爬虫入门案例之爬取去哪儿旅游景点攻略以及可视化分析
2021/10/16 Python
Python中re模块的元字符使用小结
2022/04/07 Python