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);

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章