localStorage的用法

1.在HTML5中，本地存儲是一個window的屬性，包括localStorage和sessionStorage，前者是一直存在本地的，後者是伴隨着session，窗口一旦關閉就消失了。兩者用法徹底相同

2.存儲數據的方法就是直接給window.localStorage添加一個屬性,localStorage裏面的數據是以鍵值對的方式存在的,可使用getItem()和setItem()方法設置和獲取數據.

3. 向localStorage裏存放屢次存放相同對象名的數據時,須要先從localStorage裏獲取一個屬性,若是該屬性的值爲null,則建立一個數組,存在的話,就把取出來的數據用JSON.parse()方法先轉換成JSON,而後把數據存進去,存完後,再將取出來的數組,用JSON.stringify()方法將其轉換成字符串形式存入.

    var student = {
        name:"lily",
        age:20
    }
    var students = localStorage.students;
        if(!students){
            students = [];
        }else{
          
            students = JSON.parse(students);
        }
      students.push(student);
        localStorage.players = JSON.stringify(players);

 

4.HTML5本地存儲只能存字符串，任何格式存儲的時候都會被自動轉爲字符串，因此讀取的時候，須要本身進行類型的轉換。 

5.爲何要進行類型轉換呢,localstorage自己不就會轉換嗎?是的,可是它是用toSting()強制轉換的,轉換後的是沒有意義的字符串,或者說不是咱們想要的,因此,爲了數據取出來後可以操做,咱們須要使用特殊的方法進行轉換.下面是二者的區別

var student = {
    name:"haha",
    age:20
    };
    console.log(student.toString());//[object Object]
    console.log(JSON.stringify(student));//'{"name":"haha","age":20}'有效的json字符串.

 

6.JSON.parse()是將一個**有效的字符串**解析成json對象.