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. CentOS_5.6下使用cmake编译MySQL_5.5.11

    MySQL 最新的版本5.5.11需要cmake编译安装,估计以后的版本也会采用这种方式,网上找了一些安装方法有些地方是错的,自己整理一份 所以特地记录一下安装步骤及过程,以供参考!1 mysql 5 ...

  2. postgres导入其他数据库数据

    最近对postgres数据库进行深入研究,将原来项目中使用的sqlserver数据库中的数据表导入postgres,网上搜索postgres数据导入,除空间数据库可以通过PostGIS 2.0 Sha ...

  3. kafka java使用

    首先添加maven依赖 Kafka <dependency> <groupId>org.apache.kafka</groupId> <artifactId& ...

  4. angularjs 自定义filter

    过滤器(filter)-----过滤器的主要用途就是一个格式化数据的小工具,一般用于服务端存储的数据转换为用户界面可以理解的数据 <!DOCTYPE html> <html> ...

  5. windows下配置mysql数据库主从

    所用到工具: Mysql.Navicat Premium: 主库设置: 一.设置my.ini 文件: 1.在安装目录下找到my.ini 文件: 默认路径:C:\Program Files\MySQL\ ...

  6. 使用CSS3中的input标签与lable标签组合实现banner图的切换

    在做网页时,我们经常可以碰到banner图的切换.对于那些JS薄弱的同学来说,这就很尴尬了.今天,我来告诉大家如何使用CSS做出banner图切换的效果. 这里,用到了lable标签与input的组合 ...

  7. pdf.js实现在HTML下直接浏览pdf文档,无需插件即可实现

    近期,有一个朋友做B端,服务器存了大量的金融类数据,很多都是pdf文档,他现在的做法是,先将pdf文档转换成flash,再放到浏览器上给用户浏览,但是他告诉我,这种体验太差了,而且很好资源,空间已经快 ...

  8. linux三剑客之sed命令

    一.前言 我们都知道,在Linux中一切皆文件,比如配置文件,日志文件,启动文件等等.如果我们相对这些文件进行一些编辑查询等操作时,我们可能会想到一些vi,vim,cat,more等命令.但是这些命令 ...

  9. 深入理解Struts2----数据校验

    在表现层的数据处理方面主要分为两种类型,一种是类型转换,这点我们上篇已经简单介绍过,另外一种则是我们本篇文章将要介绍的:数据校验.对于我们的web应用,我们经常需要和用户进行交互收集用户信息,那么无论 ...

  10. /proc/kcore失效,调试其文件系统相关模块,使重新正常工作

    为分析内核,在有限的机器上用虚拟机装了CentOS.6.9.i386.minimal,重新编译了3.19.8内核并克隆.当使用/proc/kcore进行内核动态映像调试时,发现与kgdb远程调试端读到 ...