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 相关文章推荐
在IE,Firefox,Safari,Chrome,Opera浏览器上调试javascript
Dec 02 Javascript
jQuery 全选效果实现代码
Mar 23 Javascript
基于JQuery的一句代码实现表格的简单筛选
Jul 26 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
Aug 21 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
JS弹出新窗口被拦截的解决方法
Aug 09 Javascript
原生js更改css样式的两种方式
Mar 15 Javascript
js简易版购物车功能
Jun 17 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 Javascript
vue通信方式EventBus的实现代码详解
Jun 10 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 显示客户端IP与服务器IP的代码
2010/10/12 PHP
CI框架实现cookie登陆的方法详解
2016/05/18 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
php写入mysql中文乱码的实例解决方法
2019/09/17 PHP
List the Codec Files on a Computer
2007/06/11 Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
2010/08/30 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
查看源码的工具 学习jQuery源码不错的工具
2011/12/26 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
浅谈js中test()函数在正则中的使用
2016/08/19 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
Vue实例的对象参数options的几个常用选项详解
2019/11/08 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
Python中的zip函数使用示例
2015/01/29 Python
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
python+selenium开发环境搭建图文教程
2017/08/11 Python
python3 打开外部程序及关闭的示例
2018/11/06 Python
python机器学习库xgboost的使用
2020/01/20 Python
利用python在excel中画图的实现方法
2020/03/17 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
如何验证python安装成功
2020/07/06 Python
雅诗兰黛旗下走天然植物路线的彩妆品牌:Prescriptives
2016/08/14 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
详解如何解决使用JSON.stringify时遇到的循环引用问题
2021/03/23 Javascript
餐饮业创业计划书范文
2014/01/06 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
一年级评语大全
2014/04/23 职场文书
竞选劳动委员演讲稿
2014/04/28 职场文书
电工技术比武方案
2014/05/11 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
小学教师求职信范文
2015/03/20 职场文书
办公经费申请报告
2015/05/15 职场文书
2019教师的学习计划
2019/06/25 职场文书
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS
MySQL sql模式设置引起的问题
2022/05/15 MySQL