一、認識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"} ]

總結

以上是生活随笔為你收集整理的格式化Json字符串工具-HiJson的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。