JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。易于人阅读和编写，同时也易于机器解析和生成。 XML也是一种数据交换格式，为什么没有选择XML呢？因为XML虽然可以作为跨平台的数据交换格式，但是在JS中处理XML非常不方便，同时XML标记比数据多，增加了交换产生的流量，而JSON没有附加的任何标记，在JS中可作为对象处理，所以我们更倾向于选择JSON来交换数据。

一.json结构及形式

结构1:

“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组（associative array）。

对应的形式为:
对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。

{ "firstName": "Brett", "lastName":"McLaughlin", "email": "aaaa" }

结构2:

值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。

对应的形式为：

数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间使用“,”（逗号）分隔。

[{key1:value1,key2:value2},{key3:value3,key4:value4}
]

二.json字符串转化为json对象

字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。字符串（string）与C或者Java的字符串非常相似。
对应的形式：

var json_text = "{'book':{'name':'JAVA编程','author':['Liu','Xu']},'num':222}";

字符串json转化json对象有三种方式：

1.通过eval( ) 方法将字符串直接转化为JSON对象并获得元素的值。

<script type="text/javascript">window.onload = function(){var json_text = "{'book':{'name':'JAVA编程','author':['Liu','Xu']},'num':222}";//使用eval()将字符串转换为对象var json_obj = eval("("+ json_text +")");//访问 book-namedocument.write(json_obj.book.name);//访问 book-author-Xudocument.write(json_obj.book.author[1]);} </script>

注意："()"运算符

2.new Function形式

<script type="text/javascript">window.onload = function(){var json_text = "{'book':{'name':'JAVA编程','author':['Liu','Xu']},'num':222}";//用new Function将字符串转换为对象var json_obj = (new Function("return" + json_text))();//访问 book-namedocument.write(json_obj.book.name);//访问 book-author-Xudocument.write(json_obj.book.author[1]);}</script>

3.使用全局的JSON对象

<script type="text/javascript">window.onload = function(){var json_text = '{"book":"js"}';//用全局JSON将字符串json转换为json对象var json_obj = JSON.parse(json_text);//访问 book-namedocument.write(json_obj.book);//访问 book-author-Xu//document.write(json_obj.book.author[1]);}</script>

目前IE8(S)/Firefox3.5+/Chrome4/Safari4/Opera10 已实现了该方法。注意：’{“book”:“js”}’; 里面的属性需要用双引号引起来，才能解析，否则会失败。

三.json校验格式化工具简单实现

做了一个比较简单的json格式化工具，效果如下：

代码分析：

<body><textarea id="content_value"></textarea><input type="button" value="格式化" onclick="check()"><textarea id="output_value"></textarea>
</body>
<script type="text/javascript">
function check(){var text_value = document.getElementById('content_value').value;if(text_value == ""){　　alert("不能为空");return false;} else {var res="";for(var i=0,j=0,k=0,ii,ele;i<text_value.length;i++){//k:缩进，j:""个数ele=text_value.charAt(i);if(j%2==0&&ele=="}"){k--;for(ii=0;ii<k;ii++) ele="    "+ele;ele="\n"+ele;}else if(j%2==0&&ele=="{"){ele+="\n";k++;debugger;for(ii=0;ii<k;ii++) ele+="    ";}else if(j%2==0&&ele==","){ele+="\n";for(ii=0;ii<k;ii++) ele+="    ";}else if(ele=="\"") j++;res+=ele;}document.getElementById('output_value').value = res;}
}
</script>

js实现json格式化，以及json校验工具的简单实现相关推荐

idea之json格式化插件Json Parser
idea之json格式化插件Json Parser 安装插件安装后重启idea 使用插件 Json Parser 为啥要用Json Parser,别问你也可以不用,废话不说,自己品! 安装插件安装 ...
c语言中json格式化输出,JSON格式化输出
JSON格式化输出今天有个需求是对输出的JSON进行格式化首先想到的就是jsBeautifier之类的小插件搜索了一番看到有一位朋友回答JSON.stringify可以输出格式化的JSON字符串 ...
java导出json格式化的json文件及xml文件
场景点击ztree树的节点,导出该节点下的所有子节点数据(要求:导出过程不跳转页面) 前端: <div id="rolesGroupmenu" class="ea ...
JSON美化工具、JSON格式化、JSON解析方法
如何直观地查看json格式,推荐一个非常好用的在线工具: 美罗在线工具 http://meiluoli.com 我们可以直观地看到,杂乱无章的json代码变成了有序直观的视图.
android studio json格式化,Android json格式化显示，可展开与折叠
Android JSON viewer, to convert JSON Strings to a Friendly Readable Format, it supports expend&c ...
记一个在线工具网站，程序员必备，json格式化、压缩、转义，加解密编码解码
为你工具 ToForU-在线json格式化|在线json压缩|在线json转义|工具大全提供 json格式化,json代码压缩,json校验解析,json数组解析,json转xml,xml转json ...
jq输出文本_如何用 Linux 命令行工具解析和格式化输出 JSON | Linux 中国
我们将使用 Linux 上的命令行工具解析并格式化打印 JSON.它对于在 shell 脚本中处理大型 JSON 数据或在 shell 脚本中处理 JSON 数据非常有用.-- Ostechnix J ...
实现JSON在线美化(格式化)、JSON转CSV、CSV转XML工具-toolfk程序员工具网
本文要推荐的[ToolFk]是一款程序员经常使用的线上免费测试工具箱,ToolFk 特色是专注于程序员日常的开发工具,不用安装任何软件,只要把内容贴上按一个执行按钮,就能获取到想要的内容结果.Tool ...
linux服务器返回json,Linux 命令行工具解析和格式化输出 JSON的方法
JSON 是一种轻量级且与语言无关的数据存储格式,易于与大多数编程语言集成,也易于人类理解 -- 当然,如果格式正确的话.JSON 这个词代表 J ava S cript O bject N otat ...

js实现json格式化，以及json校验工具的简单实现

一.json结构及形式

结构1:

结构2:

二.json字符串转化为json对象

1.通过eval( ) 方法将字符串直接转化为JSON对象并获得元素的值。

2.new Function形式

3.使用全局的JSON对象

三.json校验格式化工具简单实现

js实现json格式化，以及json校验工具的简单实现相关推荐

最新文章

热门文章

js实现json格式化，以及json校验工具的简单实现

一.json结构及形式

结构1:

结构2:

二.json字符串转化为json对象

1.通过eval( ) 方法将字符串直接转化为JSON对象 并获得元素的值。

2.new Function形式

3.使用全局的JSON对象

三.json校验格式化工具简单实现

js实现json格式化，以及json校验工具的简单实现相关推荐

最新文章

热门文章

1.通过eval( ) 方法将字符串直接转化为JSON对象并获得元素的值。