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 相关文章推荐
Hutia 的 JS 代码集
Oct 24 Javascript
functional继承模式 摘自javascript:the good parts
Jun 20 Javascript
JavaScript 基础篇之对象、数组使用介绍(三)
Apr 07 Javascript
JSONP 跨域共享信息
Aug 16 Javascript
jquery操作复选框checkbox的方法汇总
Feb 05 Javascript
原生JS实现美图瀑布流布局赏析
Sep 07 Javascript
JavaScript操作 url 中 search 部分方法函数
Jun 15 Javascript
前端编码规范(3)JavaScript 开发规范
Jan 21 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 Javascript
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 jQuery
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
五句话帮你轻松搞定js原型链
Dec 09 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
咖啡语言
2021/03/03 咖啡文化
在PHP中使用模板的方法
2008/05/24 PHP
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
从新浪弄下来的全屏广告代码 与使用说明
2007/03/15 Javascript
JavaScript 学习点滴记录
2009/04/24 Javascript
div移动 输入框不能输入的问题
2009/11/19 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
Bootstrap基本插件学习笔记之折叠(22)
2016/12/08 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
[59:30]完美世界DOTA2联赛PWL S3 access vs LBZS 第二场 12.20
2020/12/23 DOTA
Python调用C语言开发的共享库方法实例
2015/03/18 Python
Python中常用信号signal类型实例
2018/01/25 Python
python破解zip加密文件的方法
2018/05/31 Python
Python读取文件内容为字符串的方法(多种方法详解)
2020/03/04 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
pycharm 代码自动补全的实现方法(图文)
2020/09/18 Python
Shell脚本如何向终端输出信息
2014/04/25 面试题
师范生实习自我鉴定
2013/11/01 职场文书
中专毕业生自荐信范文
2013/11/28 职场文书
成绩单家长评语大全
2014/04/16 职场文书
语文高效课堂实施方案
2014/05/03 职场文书
大学社团招新的通讯稿
2014/09/10 职场文书
党支部三会一课计划
2014/09/24 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
2014年学校教学工作总结
2014/12/06 职场文书
民主生活会汇报材料
2014/12/15 职场文书
赞美教师的句子
2019/09/02 职场文书
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android