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)文章
做了一個(gè)用戶等級(jí)的進(jìn)度條，只是練手。2010-07-07
給定兩個(gè)遞增排序的鏈表，如何將這兩個(gè)鏈表合并？合并后的鏈表依然按照遞增排序。本文就跟大家如何利用TypeScript實(shí)現(xiàn)這一效果，感興趣的可以學(xué)習(xí)一下2022-06-06
JavaScript實(shí)現(xiàn)請(qǐng)求服務(wù)端接口方法詳解
這篇文章主要介紹了JavaScript實(shí)現(xiàn)請(qǐng)求服務(wù)端接口方法，JavaScript?中請(qǐng)求服務(wù)端接口的代碼實(shí)現(xiàn)可能會(huì)因?yàn)槭褂玫姆椒ǘ兴煌?，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2023-01-01
Angular組件拿不到@Input輸入屬性問題探究解決方法
最近在工作中實(shí)現(xiàn)一個(gè)feature的時(shí)候，碰到一個(gè)小問題：Angular組件拿不到@Input輸入屬性的問題，盡管對(duì)這些問題都比較了解，但是找問題是需要一個(gè)過程的，所以還是把這個(gè)問題總結(jié)記錄了下2023-01-01
js操作數(shù)據(jù)庫實(shí)現(xiàn)注冊(cè)和登陸的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨s操作數(shù)據(jù)庫實(shí)現(xiàn)注冊(cè)和登陸的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
js實(shí)現(xiàn)圓形顯示鼠標(biāo)單擊位置
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圓形顯示鼠標(biāo)單擊位置，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
js實(shí)現(xiàn)點(diǎn)贊按鈕功能的實(shí)例代碼
這篇文章主要介紹了js實(shí)現(xiàn)點(diǎn)贊按鈕功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的工作或?qū)W習(xí)具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-03-03
這篇文章主要介紹了js獲取當(dāng)月最后一天實(shí)例代碼，有需要的朋友可以參考一下2013-11-11
深入探討JavaScript中parseInt與Number數(shù)字轉(zhuǎn)換方法的區(qū)別
在Javascript編程中,數(shù)字是一種常見的數(shù)據(jù)類型,經(jīng)常需要在不同的情境下進(jìn)行不同類型的操作,本文將深入探討parseInt()和Number()的區(qū)別,通過代碼示例和詳細(xì)解釋,幫助大家更好地理解它們的用途,需要的朋友可以參考下2023-08-08
這篇文章主要給大家介紹了關(guān)于Javascript處理循環(huán)的異步操作的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-03-03