JavaScript中l(wèi)ocalStorage對(duì)象存儲(chǔ)方式實(shí)例分析

更新時(shí)間：2017年01月12日 14:10:14 作者：lx_3278@126

這篇文章主要介紹了JavaScript中l(wèi)ocalStorage對(duì)象存儲(chǔ)方式,結(jié)合實(shí)例形式分析了localStorage對(duì)象存儲(chǔ)數(shù)據(jù)的原理及操作技巧,需要的朋友可以參考下

本文實(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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

一個(gè)原生的用戶等級(jí)的進(jìn)度條
做了一個(gè)用戶等級(jí)的進(jìn)度條，只是練手。
2010-07-07
TypeScript合并兩個(gè)排序鏈表的方法詳解
給定兩個(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à)值，需要的朋友們下面隨著小編來(lái)一起學(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ù)庫(kù)實(shí)現(xiàn)注冊(cè)和登陸的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js操作數(shù)據(jù)庫(kù)實(shí)現(xiàn)注冊(cè)和登陸的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
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í)例代碼
這篇文章主要介紹了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
Javascript處理循環(huán)的異步操作指南
這篇文章主要給大家介紹了關(guān)于Javascript處理循環(huán)的異步操作的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-03-03