格式化Json字符串工具-HiJson

一、认识Json字符串

之前我一直有个困惑，分不清普通字符串，json字符串和json对象的区别。经过一番研究终于给弄明白了。比如在js中。

字符串：这个很好解释，指使用“”双引号或’’单引号包括的字符。例如：var comStr = 'this is string';
json字符串：指的是符合json格式要求的js字符串。例如：var jsonStr = "{StudentID:'100',Name:'tmac',Hometown:'usa'}";
json对象：指符合json格式要求的js对象。例如：var jsonObj = { StudentID: "100", Name: "tmac", Hometown: "usa" };

二、在JS中如何使用JSON

SON是JS的一个子集，所以可以在JS中轻松地读，写JSON。读和写JSON都有两种方法，分别是利用”.”操作符和“[key]”的方式。
我们首先定义一个JSON对象，代码如下。

var obj = {
            1: "value1",
            "2": "value2",
            count: 3,
            person: [ //数组结构JSON对象，可以嵌套使用
                        {
                            id: 1,
                            name: "张三"
                        },
                        {
                            id: 2,
                            name: "李四"
                        }
                   ],
            object: { //对象结构JSON对象
                id: 1,
                msg: "对象里的对象"    
            }
        };

1，从JSON中读数据

function ReadJSON() {
            alert(obj.1); //会报语法错误，可以用alert(obj["1"]);说明数字最好不要做关键字
            alert(obj.2); //同上

            alert(obj.person[0].name); //或者alert(obj.person[0]["name"])
            alert(obj.object.msg); //或者alert(obj.object["msg"])
        }

2，向JSON中写数据
比如要往JSON中增加一条数据，代码如下：

function Add() { 
            //往JSON对象中增加了一条记录
            obj.sex= "男" //或者obj["sex"]="男"
        }

3，遍历JSON对象

可以使用for…in…循环来遍历JSON对象中的数据，比如我们要遍历输出obj对象的值，代码如下：

function Traversal() {
            for (var c in obj) {
                console.log(c + ":", obj[c]);
            }
        }

程序输出结果为：

三、格式化Json字符串工具-HiJson

sadsad本文主要介绍如何使用HiJson工具并通过此工具快速查看json字符串、熟悉字符串的数据结构。针对web开发来说，如果了解了连续字符串对应的json的数据组成，便可以快速对json字符串进行数据处理，在此推荐一款格式化Json字符串工具-HiJson

1.工具来源

网盘地址:链接：http://pan.baidu.com/s/1c2K7bGG 密码：cwp1

2.工具使用详解

打开HiJson工具

打开HiJson工具如图所示。左侧为JSON字符串输入框，中间为JSON字符串对应的数据结构，右侧为某个属性及属性值（key-value）。

输入JSON字符串，查看JSON数据结构

在左侧的编辑框输入JSON字符串，点击菜单“格式化JSON字符串(F)”，即可将输入的字符串，格式化为标准的JSON字符串格式，并在中间视图中能看到JSON数据的树形结构,在右侧视图中用键值对的形式展示字符串的某个属性及属性值。

JSON实例:

[
    {
        "Hometown": "china",
        "Name": "aaa",
        "StudentID": "100"
    },
    {
        "Hometown": "us",
        "Name": "bbb",
        "StudentID": "101"
    },
    {
        "Hometown": "england",
        "Name": "ccc",
        "StudentID": "102"
    }
]