JS前后端下JSON如何使用？这篇文章给大家整理了JavaScript后端JSON操作方法和JavaScript前端JSON操作方法，包括字符串和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")

总结

    以上就是关于“JS前后端下JSON如何使用”的介绍了，上述示例具有一定的借鉴价值，有需要的朋友可以参考学习，希望对大家学习json使用有帮助，想要了解更多可以继续浏览群英网络其他相关的文章。

文本转载自脚本之家

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• 用jquery实现代码雨的思路和代码是什么

  这篇文章主要为大家详细介绍了jquery插件实现代码雨特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• js碰撞效果怎样实现?js碰撞测试代码详解

  怎样使用js实现碰撞检测？碰撞效果在很多游戏中都会使用到，下面给大家分享一个js实现碰撞的简单测试。当小物体碰撞大物体，大物体颜色改变，效果如下。

• JS中replace函数大小写有分吗？一文看懂replace的使用

  JS中replace函数大小写有分吗？replace()函数表示将用一个字符串替换字符串中的所出现的特定内容。对于replace()方法区不区分大小写问题，有一些新手不是很清楚。对此，本文就给大家来详细的介绍一下replace()的使用。

• 用JS怎样编写一个2048小游戏？

  2048小游戏不知道大家有没有玩过，其实玩法很简单的，就是在有限的空间内，对相同的数字不断的合并，当空间被全部填满游戏就结束。本文给大家分享的就是用JS怎样编写一个2048小游戏的方法，感兴趣的朋友可以了解看看。

• vue使用中报错及bug问题怎样解决呢？

  目录出现function () { [native code] }错误的解决vue使用过程中遇到的bug及解决1.用event.target操作当前元素出现bug2.data数据更新之后渲染页面是异步的3.v-cloak解决网络不好时页面显示双花括号{{}}问题4.v-pre跳过组件和子组件的编译过程5.element