JavaScript中如何實(shí)現(xiàn)localStorage對(duì)象存儲(chǔ)方式

小編給大家分享一下JavaScript中如何實(shí)現(xiàn)localStorage對(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ù)。

以上是“JavaScript中如何實(shí)現(xiàn)localStorage對(duì)象存儲(chǔ)方式”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！