localStorage只能存儲字符串

localStorage爲HTML5的本地存儲API,用於存儲前端的數據,關閉應用程序(瀏覽器)後數據不會丟失,只有手動清除纔會清除數據,有點兒像數據庫了,呵呵。可是,它只能存儲字符串,不能存儲好比json的其餘數據格式,因此寫個函數方便轉換數據形式。前端

localStorage原始取得緩存、存入緩存、清除(指定/全部)緩存的方法以下:es6

localStorage.getItem("key","value")

                localStorage.setItem("key")

                localStorage.removeItem("key")

                localStorage.clear()

封裝(es6語法):數據庫

const store = {
        setData(key,data){
            localStorage.setItem(key,JSON.stringify(data));
        },
        getData(key){
            return JSON.parse(localStorage.getItem(key)||'[]'); 
            //若是數據是json,這裏寫成return JSON.parse(localStorage.getItem(key)||'{}');
            
        }
    }
相關文章
相關標籤/搜索