Local Storage 瀏覽器資料儲存

JavaScript 入門篇 - 學徒的試煉
上課筆記加上個人詮釋與額外補充

基礎概念

我們可以將網頁的資料儲存在 Local Storage，在 Local Storage 上的資料會永久儲存，主動清除才會消失。可以應用在顯示查詢紀錄、最近瀏覽…等

F12 -> Application

Image Not Showing Possible Reasons


var str = 'Bob'
localStorage.setItem("myName", str);

Image Not Showing Possible Reasons


console.log(localStorage.getItem("myName"));

Local Storage 只能儲存「字串」資料
直接給陣列，Local Storage 會自動轉為字串，但變成 "[object Object]"，原本的資料就掰掰了



var schoolString = JSON.stringify(school);

// "[{'teacher':'Peggy'}]"

從 Local Storage 取回資料都會是「字串」型式，先轉回 array 利於後續使用


var getDataAry = JSON.parse(getData);