本地存儲(chǔ)localStorage用法詳解

localStorage.clear() // undefined 
 localStorage //Storage {length: 0} 存儲(chǔ)數(shù)據(jù)

localStorage.setItem("name","caibin") //存儲(chǔ)名字為name值為caibin的變量
localStorage.name = "caibin"; // 等價(jià)于上面的命令 
localStorage // Storage{name: "caibin", length: 1} 讀取數(shù)據(jù)

localStorage.getItem("name") //caibin,讀取保存在localStorage對象里名為name的變量的值
localStorage.name // "caibin"
localStorage.valueOf() //讀取存儲(chǔ)在localStorage上的所有數(shù)據(jù)
localStorage.key(0) // 讀取第一條數(shù)據(jù)的變量名(鍵值)
//遍歷并

localStorage.removeItem("name"); //undefined
localStorage // Storage {length: 0} 可以看到之前保存的name變量已經(jīng)從localStorage里刪除了

// 這些數(shù)據(jù)都是測試的，是在我當(dāng)下環(huán)境里的，只是demo哦～
localStorage.hasOwnProperty('name') // true
localStorage.hasOwnProperty('sex') // false

var arr = ['aa','bb','cc']; // ["aa","bb","cc"]
localStorage.arr = arr //["aa","bb","cc"]
localStorage.arr.toLocaleString(); // "aa,bb,cc"

var students = {
 xiaomin: {
 name: "xiaoming",
 grade: 1
 },
 teemo: {
 name: "teemo",
 grade: 3
 }
}

students = JSON.stringify(students); //將JSON轉(zhuǎn)為字符串存到變量里
console.log(students);
localStorage.setItem("students",students);//將變量存到localStorage里

var newStudents = localStorage.getItem("students");
newStudents = JSON.parse(students); //轉(zhuǎn)為JSON
console.log(newStudents); // 打印出原先對象