JSON | JSON字符串和JSON对象的区别
最近在学习Vue.js,里面有个存储、读取本地缓存的功能,不停地用JSON.parse()
,和JSON.stringify()
来转换JSON字符串和JSON对象。自己有点晕,不明白两者的区别,看起来感觉是一样的,也不知道为什么一定要转换才能用,后来去网上查了些资料,总结一下。
JSON对象 和 JSON字符串是什么?
JSON对象是直接可以使用jQuery操作的格式。
JSON字符串仅仅只是一个字符串,一个整体,不截取的话没办法读取其中存储的数据,不能直接使用。除非alert()它。
JSON对象:
var str1 = {"name": 'zhangsan',"sex": "man"};
JSON字符串:
var str2 = '{"name": "zhangsan", "sex": "man"}';
// 花括号{}两边有''
将JSON字符串转化成JSON对象的方法
// json字符串
var str = '{ "name": "mady", "age": 24 }';1.JSON.parse(str)
var obj = JSON.parse(str);2.eval();
var obj = eval('(' + str +')');3.parseJSON()
var obj = str.parseJSON();// 可这样读取
alert(obj.name);// 打印出来是这样的Objectname: 'Lisi'__proto__: Object
将JSON对象转换成JSON字符串的方法
// obj
Object123456: Object234567: Object1.JSON.stringify()
var last = JSON.stringify(obj);2.toJSONString()
var last = obj.toJSONString();// 打印出来是这样的
{"123456":{"favorite":false},"234567":{"favorite":true}}
注:上面几个转换方法,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。现在JSON.stringify()和JSON.parse()两个方法都注入到了JavaScript的内建对象里面,前者变成了Object.toJSONstring(),后者变成了String.parseJSON()。
为什么要转换来转换去?
json
字符串指的就是json
本身,由于JavaScript
是弱类型语言,所以没有办法直接传递对象或是数组,所以提出了json
格式的字符串,用于数据传递;
ajax
中,我们自己拼接的是一个JSON对象,因为它是无数据类型的,所以JS
根据其格式默认其是对象,要是往后台发,要先把它转换成JSON字符
。
从ajax
的服务器 发过来的,一定是字符串,你想要把它解析,很简单,把它先变成JSON对象才行。
在数据传输过程中,json
是以文本,即字符串的形式传递的,而JS
操作的是JSON对象
,所以JSON对象
和JSON字符串
之间的相互转换是关键。
对象是一个类的实例,可以调用类里面封装好的方法,但是字符串所能调用的方法就是字符串本身具备的那些指定的方法。
作者:八宝君
链接:https://www.jianshu.com/p/4b0bb59f585f
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
JSON | JSON字符串和JSON对象的区别相关推荐
- php 获取 js json数据类型,JS基础-JS的数据类型和访问/流程控制/JSON格式字符串和js对象相互转换...
JS的数据类型和访问/流程控制/JSON格式字符串和js对象相互转换 1. JS的数据类型和访问 1.1. 原始类型JS中的原始数据类型有: number , string , boolean ; 声 ...
- FastJson对于JSON格式字符串、JSON对象及JavaBean之间的相互转换
fastJson对于json格式字符串的解析主要用到了一下三个类: JSON:fastJson的解析器,用于JSON格式字符串与JSON对象及javaBean之间的转换. JSONObject:fas ...
- fastjson 检测json格式_FastJson对于JSON格式字符串、JSON对象及JavaBean之间的相互转换...
fastJson对于json格式字符串的解析主要用到了一下三个类: JSON:fastJson的解析器,用于JSON格式字符串与JSON对象及javaBean之间的转换. JSONObject:fas ...
- SpringCloud工作笔记047---FastJson解析多级JSON_FastJson解析嵌套JSON_FastJson对于JSON格式字符串、JSON对象及JavaBean之间的相互转换
JAVA技术交流QQ群:170933152 解析嵌套json,这里说一下: //下面可以通过解析多级json的方式,获取数据,插入到数据库 //JSONObject userJsonObj = JSO ...
- JS/Jquery遍历JSON对象、JSON数组、JSON数组字符串、JSON对象字符串
JS遍历JSON对象 JSON对象 var jsonObj = {"id": 102,"year": "2019-2020","l ...
- json与字面量定义对象的区别,请不要混淆,与字符串转换
一般不在对象里 ,定义方法 json对象数组: <script type="text/javascript">//JSON用法//定义一个JSON对象,属性名必须用双引 ...
- 对象json字符串数组 java对象,java把json的字符串转换为json对象和数组
[Json--使用Json jar包实现Json字符串与Java对象或集合之间的互相转换] 1,[java将JSON字符串转换为实体类对象 @SuppressWarnings(unchecked)pu ...
- android将字符串转化为json,将字符串转换为JSON数组
将字符串转换为JSON数组 我从Web服务获得以下字符串的JSON,并尝试将其转换为 JSONarray{ "locations": [ { "lat": &q ...
- java php json转字符串_php json字符串转为数组或对象
从网上查到的方法是 用get_object_vars 把类类型转换成数组 然后在用foreach 遍历即可 $array = get_object_vars($test); $json= '[{&q ...
- layui中的table使用心得,json格式处理,json转字符串,json转对象,json转对象数组,layui表格图片显示修改。
文章目录 案例一.layui中table,后台数据是json格式的处理 1. 前端显示样式 2. 前端代码 3. 后端代码:layui前端表格需要返回的数据格式要求示例 4. json格式处理工具类: ...
最新文章
- Eclipse安装SVN最新版插件
- android虚拟键盘挡住布局,Android全屏时软键盘遮住输入框修改布局解决方案
- 表单提交对数据进行加密详解(RSA加密)
- gradle 上传jar包_gradle 打包jar上传到nexus 同时上传源码jar
- 科技感的动态设计方法-1
- MySQL高级 - 锁 - InnoDB行锁 - 类型
- 深度学习之基于CNN和VGG19实现灵笼人物识别
- codeblocks
- kafka1.0+ 集群搭建
- js 金额转为大写
- Redis配置文件详解(redis.conf)
- 单包攻击_SQL Server Integration Services 2016中的单包部署
- 一个拼凑sql,输出变量的 存储过程
- 安全SaaS调查品牌认知
- 图片的变形与模糊,是两回事
- windows 线程核心内容
- 【Nginx系列】- Nginx源码复杂安装
- uRPF Unicast Reverse Path Forwarding
- 康托尔、哥德尔、图灵——永恒的金色对角线(rev#2)
- PEM 与 DER 格式详解
热门文章
- AtCoder Regular Contest 065
- P5787 二分图 /【模板】线段树分治
- 2021牛客暑期多校训练营4
- 牛客网【每日一题】 合集
- 1592E - Скучающий Бакри
- [ZJOI2010] 贪吃的老鼠(二分+差分+神仙建图网络流)
- P3180-[HAOI2016]地图【圆方树,莫队,分块】
- P4287-[SHOI2011]双倍回文【PAM】
- 2021牛客暑期多校训练营2 L-WeChat Walk(分块)
- 3、数据库中的字符集和校对集