浅谈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数据的处理就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了微信小程序实现经典window扫雷游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-09-09
reduce作为ES5新增的常规数组方法之一,对比forEach 、filter和map,在实际使用上好像有些被忽略，下面这篇文章主要给大家介绍了关于JS数组reduce你不得不知道的25个高级用法，需要的朋友可以参考下2021-06-06
本篇文章主要是对js正则表达exec与match的区别进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
在JavaScript中，for-in和for-of是两种不同的循环结构，本文主要介绍了js中for-in和for-of的区别，具有一定的参考价值，感兴趣的可以了解一下2023-12-12
使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置
Object.defineProperty() 方法直接在一个对象上定义一个新属性，或者修改一个已经存在的属性， 并返回这个对象。下面这篇文章主要给大家介绍了关于使用Object.defineProperty如何巧妙找到修改某个变量的准确代码位置的相关资料，需要的朋友可以参考下2018-11-11
因为我们的项目可以通过编写脚本（javascript）进行功能扩展，所以为了方便现场实施人员，所以突发奇想想在网页上（系统是B/S的）提供一个javascript的编辑器。2010-04-04
本篇文章主要介绍了js图片加载效果实例代码（延迟加载+瀑布流加载），非常具有实用价值，需要的朋友可以参考下2017-05-05
这篇文章主要介绍了弱类型语言javascript中 a,b 的运算,结合实例形式总结分析了js闭包函数中布尔值与字符串的a，b运算相关操作技巧,需要的朋友可以参考下2019-08-08
项目要求增加短信登录及人脸识别登录功能，本文就来实现一下 短信登录功能，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置，以下代码兼容IE和Chrome，Firefox，大家参考使用吧2014-01-01
最新评论