JavaScript中l(wèi)ocalStorage對(duì)象存儲(chǔ)方式實(shí)例分析
本文實(shí)例講述了JavaScript中l(wèi)ocalStorage對(duì)象存儲(chǔ)方式。分享給大家供大家參考,具體如下:
[Local storage limitations]文章中提及JavaScript里的local storge的限制,例子中在localStorage里存儲(chǔ)了一個(gè)bool型的數(shù)據(jù),但是卻沒有像我們期待的一樣進(jìn)行存儲(chǔ)。
當(dāng)我們存儲(chǔ)布爾型,數(shù)值型,字符串型時(shí),localStorage對(duì)象會(huì)將我們存儲(chǔ)的數(shù)據(jù)默認(rèn)轉(zhuǎn)為字符串字面量。
localStorage[0] = false;// "false" localStorage[1] = 1200;// "1200" localStorage[2] = "wtf";// "wtf"
以上似乎沒有什么,僅僅是布爾型的數(shù)據(jù)失效了。那么如果我們將存儲(chǔ)的數(shù)據(jù)變?yōu)槠渌愋湍??比如?shù)組,字面量對(duì)象,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對(duì)象卻被轉(zhuǎn)存成了類型字符串。所以存儲(chǔ)對(duì)象等數(shù)據(jù)時(shí)需要使用 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錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家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)本地存儲(chǔ)信息的方法(基于localStorage與userData)
- AngularJS之ionic 框架下實(shí)現(xiàn) Localstorage本地存儲(chǔ)
- 移動(dòng)端使用localStorage緩存Js和css文的方法(web開發(fā))
- JavaScript使用localStorage存儲(chǔ)數(shù)據(jù)
- 使用JS獲取SessionStorage的值
- JS localStorage存儲(chǔ)對(duì)象,sessionStorage存儲(chǔ)數(shù)組對(duì)象操作示例
相關(guān)文章
javascript實(shí)現(xiàn)手機(jī)震動(dòng)API代碼
一個(gè)新的API出來了。HTML5 (很快)將支持用戶設(shè)備振動(dòng)。這明顯是很有趣的事情,比如它可以用戶觸發(fā)提醒,提升游戲體驗(yàn),下面小編給大家整理javascript手機(jī)震動(dòng)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無效的解決方法),需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-03-03js判斷登陸用戶名及密碼是否為空的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨s判斷登陸用戶名及密碼是否為空的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05基于HTML模板和JSON數(shù)據(jù)的JavaScript交互(移動(dòng)端)
這篇文章主要介紹了基于HTML模板和JSON數(shù)據(jù)的JavaScript交互(移動(dòng)端)的相關(guān)資料,需要的朋友可以參考下2016-04-04微信小程序開發(fā)之全局配置與頁(yè)面配置實(shí)現(xiàn)
本文主要介紹了微信小程序開發(fā)之全局配置與頁(yè)面配置實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(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