Object 對象，web的本地存儲（localSorage，sessionSorage）

對象屬性

1、下面是一個對象（使用對象 literals），

var scoreObject = {
    "Tony": {
        "Math": 95,
        "English": 79,
        "Music": 68
    }, 
    "Simon": {
        "Math": 100,
        "English": 95,
        "Music": 98
    }, 
    "Annie": {
        "Math": 54,
        "English": 65,
        "Music": 88
    }
}

//取得對象中某個對象的值

var str = scoreObject[i].Math

 

web本地存儲

HTML5 的本地存儲 API 中的 localStorage 與 sessionStorage 在使用方法上是相同的，區別在於 sessionStorage 在關閉頁面後即被清空，而 localStorage 則會一直保存。

存儲的內容是以Json的形式存儲的

JSON.parse() 用於將一個 JSON 字符串轉換爲對象，JSON.stringify() 可以將對象轉換爲字符串

1、sessionSorage：用於臨時保存同一窗口(或標籤頁)的數據，在關閉窗口或標籤頁之後將會刪除這些數據。

2、localSorage：用於長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去除。5M（chrome）

保存數據到本地：

sessionStorage.setItem('key', JSON.stringify(value));

localStorage.setItem('key', JSON.stringify(value));

取得本地的數據：

var data1 = JSON.parse(sessionStorage.getItem('key'));

var data2 = JSON.parse(localStorage.getItem('key'));

清空全部數據

sessionStorage.clear()

localStorage.clear()

刪除單個數據

localStorage.removeItem(key);

sessionStorage.removeItem(key);

得到某個索引的key

localStorage.key(index);

sessionStorage.key(index);