JavaScript中l(wèi)ocalStorage對象存儲方式實例分析
本文實例講述了JavaScript中l(wèi)ocalStorage對象存儲方式。分享給大家供大家參考,具體如下:
[Local storage limitations]文章中提及JavaScript里的local storge的限制,例子中在localStorage里存儲了一個bool型的數(shù)據(jù),但是卻沒有像我們期待的一樣進行存儲。
當(dāng)我們存儲布爾型,數(shù)值型,字符串型時,localStorage對象會將我們存儲的數(shù)據(jù)默認轉(zhuǎn)為字符串字面量。
localStorage[0] = false;// "false" localStorage[1] = 1200;// "1200" localStorage[2] = "wtf";// "wtf"
以上似乎沒有什么,僅僅是布爾型的數(shù)據(jù)失效了。那么如果我們將存儲的數(shù)據(jù)變?yōu)槠渌愋湍??比如?shù)組,字面量對象,Object等。
var obj=new Object(); obj.name="obj"; obj.type="obj"; localStorage[3] = ["160","170","180"];// "160,170,180" localStorage[4] = {"id":"0001","name":"lee"};// "[object Object]" localStorage[5] = obj;// "[object Object]"
這里的Object對象卻被轉(zhuǎn)存成了類型字符串。所以存儲對象等數(shù)據(jù)時需要使用 JSON.stringify,JSON.parse 先將其轉(zhuǎn)為字符串,然后再嘗試還原數(shù)據(jù)。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- JS 中LocalStorage和SessionStorage的使用
- JS中LocalStorage與SessionStorage五種循序漸進的使用方法
- JS localStorage實現(xiàn)本地緩存的方法
- 詳解JavaScript中l(wèi)ocalStorage使用要點
- JS實現(xiàn)本地存儲信息的方法(基于localStorage與userData)
- AngularJS之ionic 框架下實現(xiàn) Localstorage本地存儲
- 移動端使用localStorage緩存Js和css文的方法(web開發(fā))
- JavaScript使用localStorage存儲數(shù)據(jù)
- 使用JS獲取SessionStorage的值
- JS localStorage存儲對象,sessionStorage存儲數(shù)組對象操作示例
相關(guān)文章
微信小程序?qū)崿F(xiàn)的canvas合成圖片功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的canvas合成圖片功能,結(jié)合實例形式分析了微信小程序canvas合成圖片相關(guān)組件使用、操作步驟與注意事項,需要的朋友可以參考下2019-05-05js中的onchange和onpropertychange (onchange無效的解決方法)
這篇文章主要介紹了js中的onchange和onpropertychange (onchange無效的解決方法),需要的朋友可以過來參考下,希望對大家有所幫助2014-03-03基于HTML模板和JSON數(shù)據(jù)的JavaScript交互(移動端)
這篇文章主要介紹了基于HTML模板和JSON數(shù)據(jù)的JavaScript交互(移動端)的相關(guān)資料,需要的朋友可以參考下2016-04-04JavaScript為事件句柄綁定監(jiān)聽函數(shù)實例詳解
這篇文章主要介紹了JavaScript為事件句柄綁定監(jiān)聽函數(shù)的方法,結(jié)合實例詳細分析了常見的事件句柄綁定監(jiān)聽函數(shù)的實現(xiàn)技巧,并實例講解了跨瀏覽器的實現(xiàn)方法,需要的朋友可以參考下2015-12-12