javascript - 用localstorage刪除某個(gè)key下的某條數(shù)據(jù)
問題描述
查到的似乎都是用removeItem 然后刪除key 想問下有沒有更加細(xì)致的方法可以刪除某個(gè)key下的某條數(shù)據(jù)舉例
如圖 假如我想把這個(gè)contrastdata里面的a1709這條數(shù)據(jù)刪除 應(yīng)該怎么寫?
問題解答
回答1:由于localStorage里存的其實(shí)都是字符串,所以,你看到的這個(gè)實(shí)際上是數(shù)組contrastdata經(jīng)過JSON.stringify然后寫入到localStorage里去的結(jié)果。
由于原生的localStorage只處理鍵值對(duì)的增刪改查,所以要處理contrastdata中a1709這項(xiàng),只能將contrastdata數(shù)組化,然后,刪掉a1709這項(xiàng)后再轉(zhuǎn)成字符串替換掉,代碼如下:
var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’)); // 數(shù)組化后的值delete contrastdata[’a1709’]; // 刪除a1709項(xiàng)localStorage.setItem(JSON.stringify(contrastdata)); // 將刪除a1709項(xiàng)后的contrastdata字符串化寫回localStorage回答2:
最簡單粗暴的
const data = JSON.parse(localStorage.getItem(’contractdata’));// ...localStorage.setItem(’contractdata’, JSON.stringify(data));回答3:
原生只提供了基礎(chǔ)api 要自己封裝函數(shù)
回答4:在這里 刪除某個(gè)key換個(gè)思路就是重新setItem一個(gè)新的contractdata去替換掉
回答5:提取contrastdata字符串str
轉(zhuǎn)換為對(duì)象obj
從對(duì)象中提取a1709所在的鍵值對(duì),并刪除
設(shè)置新的contrastdata
let str = localStorage.getItem(’contrastdata’);let obj = JSON.parse(str);delete obj.instrumentIDdatelocalStorage.setItem(’contrastdata’, JSON.stringify(obj))回答6:
我覺得你要移除某個(gè)東西,首先這個(gè)東西必須要有唯一的標(biāo)識(shí),然后在數(shù)據(jù)里面找到這個(gè)標(biāo)識(shí)所對(duì)應(yīng)的一個(gè)數(shù)據(jù)集,然后刪掉這個(gè)數(shù)據(jù)集就行了,對(duì)于localstorage, 我最常用的就是把對(duì)象push到某個(gè)數(shù)組,然后把數(shù)組字符串化,然后存入localstorage,取出來的時(shí)候可以再把字符串對(duì)象化。然后根據(jù)唯一標(biāo)識(shí)刪掉數(shù)組中的某個(gè)數(shù)據(jù)。
相關(guān)文章:
1. javascript - node.js服務(wù)端渲染解疑2. javascript - 求助關(guān)于js正則問題3. html5 - 如何解決bootstrap打開模態(tài)modal窗口引起頁面抖動(dòng)?4. javascript - 求助這種功能有什么好點(diǎn)的插件?5. objective-c - ios百度地圖定位問題6. 微信開放平臺(tái) - Android調(diào)用微信分享不顯示7. html - css 如何添加這種邊框?8. html5 - rudy編譯sass的時(shí)候有中文報(bào)錯(cuò)9. javascript - 關(guān)于定時(shí)器 與 防止連續(xù)點(diǎn)擊 問題10. 為何 localStorage、sessionStorage 屬于html5的范疇,但是為何 IE8卻支持?
