你真的了解JSON吗?
一、JSON——JavaScript Object Notation
JSON 是一种语法用来序列化对象、数组、数值、字符串、布尔值和null 。它基于 JavaScript 语法,但与之不同:一些JavaScript不是JSON,一些JSON不是JavaScript。
JavaScript类型 | JSON 区别 |
---|---|
对象和数组 |
属性名称必须是双引号字符串; 最后一个属性后不能有逗号。 |
数值 |
前导零是禁止的(在 JSON.stringify 零将被忽略,但在 JSON.parse 它将抛出 SyntaxError); 小数点后必须至少有一位数字。 |
字符串 |
只有有限的一些字符可能会被转义; 禁止某些控制字符; Unicode 行分隔符 (U+2028)和段分隔符 (U+2029)被允许 ; 字符串必须是双引号。 请参见以下示例,其中JSON.parse()能够正常解析,但把它当作JavaScript解析时会抛出 let code = '"\u2028\u2029"'; |
主要有两种方法:
JSON.parse() :
解析一个JSON字符串,可选地转换生成的值及其属性,并返回值。
JSON.stringify():
返回与指定值相对应的一个JSON字符串,可选地仅包含某些属性或以用户定义的方式替换属性值。
1.1 对象和数组
1)json属性名称必须是双引号字符串
js中对象和数组属性名可以加双引号或者单引号或者不加引号,都能识别。
console.log({"text" : 1 });//Object {text: 1}
console.log({'text' : 1 });//Object {text: 1}
console.log({text : 1 });//Object {text: 1}
json中属性名称必须是双引号字符串,即使是单引号也不行(JSON.parse转换会报错)。
json属性名不加引号报错:
JSON.parse('{text : 1 }');
//Uncaught SyntaxError: Unexpected token t in JSON at position 1
//at JSON.parse (<anonymous>)
json属性名单引号报错。
JSON.parse("{'text' : 1 }");
//Uncaught SyntaxError: Unexpected token ' in JSON at position 1
//at JSON.parse (<anonymous>)
替换成属性双引号:
JSON.parse('{"text" : 1 }');
2)json最后一个属性后不能有逗号
JSON.parse('[1, 2, 3, 4, ]');
JSON.parse('{"text" : 1, }');
//Uncaught SyntaxError: Unexpected token ] in JSON at position 13
//at JSON.parse (<anonymous>)
1.2 数值
1) 前导零是禁止的(在 JSON.stringify 零将被忽略,但在 JSON.parse 它将抛出 SyntaxError)
数字不能用 0 开头,比如01。
JSON.parse('{"text" : 01 }');
//VM63:1 Uncaught SyntaxError: Unexpected token t in JSON at position 1
//at JSON.parse (<anonymous>)
正确写法:去除数字前0
JSON.parse('{"text" : 1 }');
2) 小数点后必须至少有一位数字
JSON.parse('{"text" : 1. }');
//Uncaught SyntaxError: Unexpected token t in JSON at position 1
// at JSON.parse (<anonymous>)
正确写法:小数点后添加0
JSON.parse('{"text" : 1.0 }');
二、完整的json语法
JSON = null
or true or false
or JSONNumber
or JSONString
or JSONObject
or JSONArray
JSONNumber
JSONNumber = - PositiveNumber//正数
or PositiveNumber//负数 PositiveNumber = DecimalNumber
or DecimalNumber . Digits
or DecimalNumber . Digits ExponentPart
or DecimalNumber ExponentPart
DecimalNumber = 0 //
or OneToNine Digits // 1-9
ExponentPart = e Exponent
or E Exponent
Exponent = Digits
or + Digits
or - Digits
Digits = Digit
or Digits Digit
Digit = 0 through 9//0-9
OneToNine = 1 through 9//1-9
JSONString
JSONString = ""
or " StringCharacters " StringCharacters = StringCharacter
or StringCharacters StringCharacter StringCharacter = any character
except " or \ or U+0000 through U+001F
or EscapeSequence //任意字符,除了 " 或者 \ 或者 U+0000 - U+001F 或者 转义序列 EscapeSequence = \" or \/ or \\ or \b or \f or \n or \r or \t
or \u HexDigit HexDigit HexDigit HexDigit
// \" 或者 \/ 或者 \\ 或者 \b 或者 \f 或者 \n 或者 \r 或者 \t 或者 \u HexDigit HexDigit HexDigit HexDigit 16进制数字 HexDigit = 0 through 9//0-9
or A through F //A-F
or a through f //a-f
JSONObject
JSONObject = { }
or { Members }
Members = JSONString : JSON
or Members , JSONString : JSON
JSONArray
JSONArray = [ ]
or [ ArrayElements ] //数组元素
ArrayElements = JSON
or ArrayElements , JSON
无效的空格可能存在于JSONNumber
(数字必须不包含空格)或JSONString
(其中它被解释为字符串中的相应字符,否则将导致错误)之外的任何位置。
制表符(U+0009),回车(U+000D),换行(U+0020)和空格(U+0020)字符是唯一有效的空格字符。
参考:
mdn: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON
你真的了解JSON吗?的更多相关文章
- ajax 接收json数据的进一步了解
var url = "../searchclasses"; $.ajax({ url: url, type: "post", dataType: "j ...
- 【NodeJS线程】Boss和他的职员们
>>>[说明]还是一如既往的,这篇文章是从我的个人博客里挪过来的.原文参见:http://www.jscon.co/coding/frontend/nodejs_fork_child ...
- 零基础如何自学java开发?
开篇直奔主题,java 学习个人感觉分为两种途径,第一种是在学校,在培训机构等地方学习. 有人指导:第二种是自学,通过视频,书籍,朋友等完成学习. 本文适合 自学,且基础薄弱或者无基础的人.先介绍下我 ...
- day67 前后端数据交互
目录 一.前后端传输数据的编码格式(contentType) 1 form表单 2 ajax请求 二.ajax发送json格式数据 三.ajax发送文件 四.django自带的序列化组件(drf做铺垫 ...
- JS对JSON对象遍历输出的时候真的是按照顺序输出吗?
对象的遍历输出并不是按照对象属性定义顺序来的,那么是按照什么规则来的呢,仔细深入研究你会发现,这还跟浏览器有关系,Chrome跟IE是不一样的,所以给出以下结论: Chrome Opera 的 Jav ...
- 【面试题】JSON.stringify()妙用,你真的知道吗?
JSON.stringify()妙用 点击打开视频讲解更加详细 语法:JSON.stringify(value, replacer , space) value:将要序列化成 一个JSON 字符串的值 ...
- 一个粗心的Bug,JSON格式不规范导致AJAX错误
一.事件回放 今天工作时碰到了一个奇怪的问题,这个问题很早很早以前也碰到过,不过没想到过这么久了竟然又栽在这里. 当时正在联调一个项目,由于后端没有提供数据接口,于是我直接本地建立了一个 json ...
- 用原始方法解析复杂字符串,json一定要用JsonMapper么?
经常采集数据,肯定会碰到解析字符串,包括整个页面的html,或者json以及一些不标准的json格式... 以前用json序列化,有时候需要实体类,有的时候没有,比较麻烦,听说可以用JsonMappe ...
- 阶段一:通过网络请求,获得并解析JSON数据(天气应用)
“阶段一”是指我第一次系统地学习Android开发.这主要是对我的学习过程作个记录. 在上一篇阶段一:解析JSON中提到,最近在写一个很简单的天气预报应用.即使功能很简单,但我还是想把它做成一个相对完 ...
随机推荐
- java 打包web 项目
1 选择你的web项目 2 右击,选择export 3 选择web下的war file 4 将打包好war包,保存在tomcat的webapps下 5 运行tomcat,tomcat会自动帮你解压这个 ...
- 网站搭建 - IIS 填坑 - 终于建好站了 linux + Windows
之前的IIS可以运行Windows的网页,但是对于php的网页,还是不能够支持,于是决定重新来一遍. (把踩的坑重新描述一下,在下载完php之后,解压后不要急着改文件,跳到最后的页面去改.) 以便能够 ...
- nyoj 467 中缀式变后缀式 (栈)
中缀式变后缀式 时间限制:1000 ms | 内存限制:65535 KB 难度:3 描述 人们的日常习惯是把算术表达式写成中缀式,但对于机器来说更“习惯于”后缀式,关于算术表达式的中缀式和后缀 ...
- css3布局-圣杯布局
圣杯布局he双飞翼布局都是解决两边固定款中间自适应的三栏布局 圣杯布局为了中间div内容不被别的内容覆盖,将中间div设置了左右的内边距后,将左右两个div用相对布局position: relativ ...
- 领扣(LeetCode)对称二叉树 个人题解
给定一个二叉树,检查它是否是镜像对称的. 例如,二叉树 [1,2,2,3,4,4,3] 是对称的. 1 / \ 2 2 / \ / \ 3 4 4 3 但是下面这个 [1,2,2,null,3,nul ...
- opencv 3 core组件进阶(2 ROI区域图像叠加&图像混合;分离颜色通道、多通道图像混合;图像对比度,亮度值调整)
ROI区域图像叠加&图像混合 #include <opencv2/core/core.hpp> #include <opencv2/highgui/highgui.hpp&g ...
- asp.net Mvc 使用NPOI导出Excel文件
1.新建MVC项目,新建控制器.视图 添加控制器: 添加视图(将使用布局页前面的复选框里的勾勾去掉) 2.在Models里新建一个类 public class Shop { /// <summa ...
- 线程同步&线程池
线程同步&线程池 线程同步 线程不同步会出现的问题: 当多个线程操作同一资源时,会出现重复操作和和操作不存在的资源的问题,为了规避这一问题就需要线程的同步操作来实现资源的共同使用. 线程同步: ...
- 新闻实时分析系统 Spark Streaming实时数据分析
1.Spark Streaming功能介绍1)定义Spark Streaming is an extension of the core Spark API that enables scalable ...
- 【笔记】总结Springboot和Vue前后端分离的跨域问题
跨域一直是个很玄学的问题,SSM的时候又得前后端一起配置,sb的时候又不用. 前端 axios普通get请求 submitForm() { var v=this; this.$axios({ meth ...