JSON和JS对象

一 JSON是什么

JSON是基于文本的,轻量的,用于数据交换的,一种格式。

可以看到JSON的定义里面有很多的定语,现在就每个限定解释一下:

1. 基于文本

这里的意思是相对于哪些基于二进制的数据来说的,所以在传输的过程中,传输的是符合JSON格式的字符串。

2. 轻量的

在JSON之前有一种数据格式xml,在表示数据的时候,他需要很多的标签,所以没有JSON轻量。传输相同的数据,JSON占用的带宽更小。

3. 用于数据交换

JSON轻量,且易于读写。前后端交互过程中:js对象=>JSON字符串=>后端对象,可以看到JSON这种数据很容易转化为各自(前后端)容易理解的对象,所以被广泛的用于数据交换。

4. 一种格式

JSON字符串是有很严格的要求的,下面以js对象做一下比较:

  • 逗号 JSON最后一个属性后面不能加逗号。js对象无所谓,可加可不加。
  • 键名 JSON必须用双引号 js对象无所谓,单引号,双引号,不加都可以。
  • 键值 JSON,可以是null,boolean,string,number,数组,或者符合JSON格式 要求的对象。不能是undefined,函数,(+-)Infinity。

    js对象无所谓,都可以。
  • 数值 JSON不能有前导0,小数点后面必须有数字。js没限制。

二 JS中与JSON有关的三个JSON函数

1 JSON.stringify

该函数有三个参数,第一个为需要序列化的对象,后面两个不常用,在此不做介绍。

先看下面的代码,然后再说这个函数做的那些不为人知的事情。



从上面可以看出:

  • 会把属性转化为双引号。
  • 去掉最后一个属性后面的逗号。
  • boolean,string,number这些包装对象,会被转化为原始值。
  • 不可枚举的属性会直接忽略。
  • NaN,(+-)Infinity,会被转化为null。
  • undefined,函数,Symbol,在数组中都会被转化为null。在非数组对象中都会被忽略掉。

2 JSON.parse

该函数有两个参数,第一个为需要解析的JSON字符串,如果字符串不符合上述JSON字符串的格式要求,会跑出错误。第二个参数为可选的参数,处理解析后的属性然后将其返回。

3 object.toJSON

如果js对象上实现了该方法,当该对象作为参数调用JSON.stringify的时候会首先执行toJSON方法,然后把返回值作为JSON.stringify的参数就行解析。

总结

以上可以看出JSON格式还是挺严格的,但stringify在你看不到的地方为我们做了很多事情,所以一般用这个方法的时候一般不会报错,而parse就不那么友好了,只要不符合格式就会报错,在拿到后台传过来的字符串进行解析的时候,最好try一下,捕获异常。

还有上面三个方法都不兼容<=IE7的浏览器。

JSON字符串和JS对象的更多相关文章

  1. JSON字符串和JS对象之间的转换

    JSON字符串和JS对象之间的转换 1 json字符串转换为js对象 1.1 标准json格式字符串转换为Js对象  JSON字符串 str JSON.parse(str) eval(str) eva ...

  2. JSON字符串与JS对象格式转换

    JSON通常用于服务器向客户端传送数据,传回来的JSON数据是字符串的形式,所以要转变为JS对象形式才方便我们使用. JSON字符串转变为JS对象:JSON.parse( ); JS对象转变为JSON ...

  3. JSON字符串和js对象转换

    https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON js数据类型: 字符串.数字 ...

  4. 使用js把json字符串转为js对象的方法

    ECMA-262(E3) 中没有将JSON概念写到标准中,还好在 ECMA-262(E5)中JSON的概念被正式引入了,包括全局的JSON对象和Date的toJSON方法. 1,eval方式解析,恐怕 ...

  5. js中JSON的解析(将json字符串转化为对象)和序列化(将对象转化为json字符串)(函数的功能一般都挺全的,需要的时候去查看完整函数)

    js中JSON的解析(将json字符串转化为对象)和序列化(将对象转化为json字符串)(函数的功能一般都挺全的,需要的时候去查看完整函数) 一.总结 1.JSON解析:JSON.parse(myJS ...

  6. json 字符串转换成对象,对象转换成json字符串

    json   字符串转换成对象,对象转换成json字符串 前端: 方法一: parseJSON方法:   [注意jquery版本问题] var str = '{"name":&qu ...

  7. Json字符串转换为java对象的各种实现方法【json_lib框架、Gson、org.json】

    原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://mengzhengbin520.blog.51cto.com/7590564/12 ...

  8. Json对象与Json字符串的转化、JSON字符串与Java对象的转换

    一.Json对象与Json字符串的转化 1.jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符 ...

  9. Json对象与Json字符串的转化、JSON字符串与Java对象的转换(转)

    一.Json对象与Json字符串的转化 1.jQuery插件支持的转换方式: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符 ...

随机推荐

  1. win7下安装memcached出现failed to install service or service already installed解决办法

    安装memcached时总是提示“failed to install service or service already installed”,开始以为是版本问题,就下了好几个不同版本,可还是老问题 ...

  2. 好久没发贴了,最近捣鼓了个基于node的图片压缩小网站解析。

    看了下,距离上次发帖都是去年10月份的事,忙于工作的我很少跑博客园里面来玩了. 做这个小网站的初衷是 https://tinypng.com/ 这个网站有时候访问很慢,然后自己去研究了下图片压缩. 网 ...

  3. 使用ioctl向linux内核传递参数的方法实例

    该篇实例是摘自网络(无法追根溯源倒低是哪位"前"辈写的了) 一.应用层 uint16 data16; if ((fd = socket(AF_INET, SOCK_STREAM, ...

  4. Java常用API解析——序列化API

    原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6797659.html 工作中发现,自己对Java的了解还很片面,没有深入的研究,有很多的J ...

  5. .NET Core 2.0体验

    .NET Core 2.0预览版及.NET Standard 2.0 Preview 这个月也就要发布了. 具体相关信息可以查看之前的文章.NET Core 2.0及.NET Standard 2.0 ...

  6. 详解Java动态代理机制

    之前介绍的反射和注解都是Java中的动态特性,还有即将介绍的动态代理也是Java中的一个动态特性.这些动态特性使得我们的程序很灵活.动态代理是面向AOP编程的基础.通过动态代理,我们可以在运行时动态创 ...

  7. 从点击到呈现 — 详解一次HTTP请求

    一般来说,很多的参考资料上面都会说,http 是一个基于请求/响应的工作模式,然后画出一张浏览器和服务器的 b/s 结构图,再画上两个箭头,表示请求和响应,应该说这么解释是易懂的,一般也是够清楚的,但 ...

  8. 微信小程序之购物车功能

    前言 以往的购物车,基本都是通过大量的 DOM 操作来实现.微信小程序其实跟 vue.js 的用法非常像,接下来就看看小程序可以怎样实现购物车功能. 需求 先来弄清楚购物车的需求. 单选.全选和取消, ...

  9. Android ec环境配置

    ec环境配置 1.0概述 鉴于很多同事,或者新从事android开发,虽然会做android的开发,但是会遇见一些最基本的环境搭建问题,本文仅作为(win7 64位系统)eclipse中集成andro ...

  10. 大数的加法运算,杭电oj-1002

    原题地址:http://acm.hdu.edu.cn/showproblem.php?pid=1002   [Problem Description] I have a very simple pro ...