JSON

JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一個子集。 JSON采用完全獨立于語言的文本格式，但是也使用了類似于C語言家族的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。這些特性使JSON成為理想的數據交換語言。 易于人閱讀和編寫，同時也易于機器解析和生成(網絡傳輸速度)。

語法

JSON 語法是 JavaScript 對象表示語法的子集。

數據在名稱/值對中
數據由逗號分隔
花括號保存對象
方括號保存數組
JSON 數據的書寫格式是：名稱/值對，名稱/值對組合中的名稱寫在前面（在雙引號中），值對寫在后面(同樣在雙引號中)，中間用冒號隔開：

var json1 = {"name": "Byron", "age": "24"}

var json2 = [
    {"name": "Byron", "age": "24"}, 
    {"name": "Byron2", "age": "25"}
]

形式

對象是一個無序的“名稱/值對”集合。一個對象以“{”（左括號）開始，“}”（右括號）結束。每個“名稱”后跟一個“:”（冒號）；“名稱/值對”之間使用“,”（逗號）分隔。

數組是值（value）的有序集合。一個數組以“[”（左中括號）開始，“]”（右中括號）結束。值之間使用“,”（逗號）分隔。

值（value）可以是雙引號括起來的字符串（string）、數值(number)、true、false、 null、對象（object）或者數組（array）。這些結構可以嵌套。

demo

{
     "firstName": "John",
     "lastName": "Smith",
     "sex": "third",
     "age": 25,
     "address": 
     {
         "streetAddress": "21 2nd Street",
         "city": "New York",
         "state": "NY",
         "postalCode": "10021"
     },
     "phoneNumber": 
     [
         {
           "type": "home",
           "number": "212 555-1234"
         },
         {
           "type": "fax",
           "number": "646 555-4567"
         }
     ]
 }

json和字符串轉化

原生支持

IE以上瀏覽器都支持了一個對象JSON，JSON對象主要有兩個『靜態』函數

parse：把字符串轉化為JSON對象
stringify：把JSON對象轉化為字符串（出人意料的不叫toString，因為不是實例方法）

var json = {
  "name": "Byron",
  "age": 24
};

var json_str = JSON.stringify(json);
console.log(json_str);
console.log(JSON.parse(json_str));

eval

邪惡的eval出現了，以前很多人圖省事用eval把字符串轉為json

var json_str = '{"name": "Byron", "age": 24}';

var json = eval('(' + json_str + ')');加括號，相當于表達式

console.log(json);

json2

業界有了個兼容低版本IE的JSON解決方案，對瀏覽器有要求的可以嘗試

相關作業

1.寫一個函數，統計字符串里出現出現頻率最多的字符

var str ='hello world , jiengu haha hoho hoho lol'
var dict = {}
for (var i = 0; i < str.length; i++) {
    if(dict[str[i]]) {
        ++dict[str[i]]
    }else{
        dict[str[i]] = 1
    }
}
var count= 0
var maxValue
for(key in dict){
    if(dict[key] > count){
        maxValue = key
        count = dict[key]
    }
}
console.log(maxValue,count)

2.寫一個camelize函數，把my-short-string形式的字符串轉化成
myShortString形式的字符串，如

function camelize(str){
    var arr = str.split('-');
    var newArr = arr[0];
    for (var i = 1; i < arr.length; i++) {
        newArr += arr[i].charAt(0).toUpperCase() 
        + arr[i].slice(1,arr[i].length);
    }
    return newArr;
}   

console.log(camelize("background-color"));
console.log(camelize("list-style-image"));

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

3.寫一個 ucFirst函數，返回第一個字母為大寫的字符 （***）

var str= 'hello';
function ucFirst(str){
    
    var str1 = str.charAt(0).toUpperCase();
    var str2 = str.slice(1);
    return str1 + str2;
}

ucFirst(str);

ucFirst("hunger") == "Hunger"

4.寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如

function truncate(str,maxLength){
    var strLength = str.length;
    var newStr;
    if(str.length > maxLength){
        newStr = str.slice(0,maxLength) + "...";
    } else{
        newStr = str;
    }
    return newStr;
}

truncate("hello, this is hunger valley,", 10)) == "hello, thi...";
truncate("hello world", 20)) == "hello world"