一、认识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对象,代码如下。
我们首先定义一个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"
}
]