浅谈JS中json数据的处理
1、 json数据结构(对象和数组)
json对象：var obj = {"name":"xiao","age":12};
json数组：var objArray = [{"name":"xiao","age":12},{"name":"xiao","age":12}];
2、 处理json数据，依赖文件有：jQuery.js
3、Note：数据传输过程中，json数据是以文本，即字符串格式形式存在；
JS语言操作的是JS对象；
所以json字符串与JS对象之间的转换是关键；
4、数据格式
Json字符串：var json_str = ‘{"name":"xiao","age":12}';
Josn对象：var obj = {"name":"xiao","age":12};
JS对象：Object = {name: "xiao", age: 12}
5、类型转换
Json字符串——>JS对象，使用方法：
注明：
json_str、obj代表的是在本文子标题4中的数据类型；
obj = JSON.parse(json_str);
obj = jQuery.parseJSON(json_str);
Note:传入畸形json字符串(例如：‘{name:"xiao",age:12}')，会抛出异常；
Json字符串格式，严格格式：‘{"name":"xiao","age":12}'
JS对象——>Json字符串：
json_str = JSON. stringify(obj);
NOTE：
1、eval()是JS原生函数，使用该形式：eval(‘('+‘{name:"xiao",age:12}'+')')，并不安全,无法保证类型转换为JS对象；
2、上面3中方法，都经过chrome浏览器测试，下面是测试结果截图；
Json字符串——>JS对象;
JS对象——>Json字符串：
To园友：
对文中任何错误的地方，欢迎您指出。
以上这篇浅谈JS中json数据的处理就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了微信小程序实现简单吸顶效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要介绍了js采用concat和sort将N个数组拼接起来的方法,涉及JavaScript针对数组的合并与排序操作相关技巧,需要的朋友可以参考下2016-01-01
这篇文章主要为大家详细介绍了js实现鼠标点击飘爱心效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
这篇文章主要介绍了微信小程序中的数据存储实现方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-08-08
这篇文章主要介绍了ES6 javascript中Class类继承用法,结合实例形式较为详细的分析了ES6继承的基本用法、相关属性、方法与使用技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了JavaScript获取和操作时间戳的相关资料,时间戳通常用于记录时间、计算时间差、生成唯一的标识符等,文章详细讲解了如何使用Date.now()和new Date().getTime()获取当前时间戳,需要的朋友可以参考下2025-04-04
干货分享：让你分分钟学会javascript闭包，如何才能快速学会javascript闭包，本文为大家揭晓2015-12-12
我们大家在做弹出层的时候，必不可少的一个元素就是蒙层，也就是遮罩层，当弹出层滚动的时候，蒙层底部的页面一般是要求固定不动的，所以这篇文章就来给大家介绍了如何禁止弹窗中蒙层底部页面跟随滚动的几种方法，需要的朋友可以参考下。2017-12-12
数组是我们编程中经常使用的的数据结构之一,在处理数组时我们经常需要在数组中查找特定的值,下面这篇文章主要给大家总结介绍了关于JS判断元素是否存在数组中的5种方式,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了原生js实现的金山打字小游戏，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-03-03
最新评论