JavaScript中l(wèi)ocalStorage對象存儲方式實(shí)例分析
本文實(shí)例講述了JavaScript中l(wèi)ocalStorage對象存儲方式。分享給大家供大家參考,具體如下:
[Local storage limitations]文章中提及JavaScript里的local storge的限制,例子中在localStorage里存儲了一個bool型的數(shù)據(jù),但是卻沒有像我們期待的一樣進(jìn)行存儲。
當(dāng)我們存儲布爾型,數(shù)值型,字符串型時,localStorage對象會將我們存儲的數(shù)據(jù)默認(rèn)轉(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é)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- JS 中LocalStorage和SessionStorage的使用
- JS中LocalStorage與SessionStorage五種循序漸進(jìn)的使用方法
- JS localStorage實(shí)現(xiàn)本地緩存的方法
- 詳解JavaScript中l(wèi)ocalStorage使用要點(diǎn)
- JS實(shí)現(xiàn)本地存儲信息的方法(基于localStorage與userData)
- AngularJS之ionic 框架下實(shí)現(xiàn) Localstorage本地存儲
- 移動端使用localStorage緩存Js和css文的方法(web開發(fā))
- JavaScript使用localStorage存儲數(shù)據(jù)
- 使用JS獲取SessionStorage的值
- JS localStorage存儲對象,sessionStorage存儲數(shù)組對象操作示例
相關(guān)文章
javascript實(shí)現(xiàn)手機(jī)震動API代碼
一個新的API出來了。HTML5 (很快)將支持用戶設(shè)備振動。這明顯是很有趣的事情,比如它可以用戶觸發(fā)提醒,提升游戲體驗(yàn),下面小編給大家整理javascript手機(jī)震動api,需要的朋友可以參考下2015-08-08微信小程序?qū)崿F(xiàn)的canvas合成圖片功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)的canvas合成圖片功能,結(jié)合實(shí)例形式分析了微信小程序canvas合成圖片相關(guān)組件使用、操作步驟與注意事項(xiàng),需要的朋友可以參考下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-04微信小程序開發(fā)之全局配置與頁面配置實(shí)現(xiàn)
本文主要介紹了微信小程序開發(fā)之全局配置與頁面配置實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07JavaScript為事件句柄綁定監(jiān)聽函數(shù)實(shí)例詳解
這篇文章主要介紹了JavaScript為事件句柄綁定監(jiān)聽函數(shù)的方法,結(jié)合實(shí)例詳細(xì)分析了常見的事件句柄綁定監(jiān)聽函數(shù)的實(shí)現(xiàn)技巧,并實(shí)例講解了跨瀏覽器的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-12-12