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:
最簡(jiǎn)單粗暴的
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. 在html文件的目錄下輸入代碼按回車后顯示這個(gè),哪位大佬幫幫我 呀2. javascript - 微信網(wǎng)頁開發(fā)從菜單進(jìn)入頁面后,按返回鍵沒有關(guān)閉瀏覽器而是刷新當(dāng)前頁面,求解決?3. node.js - nodejs開發(fā)中常用的連接mysql的庫4. 老師您的微信號(hào)是多少?5. mysql - jdbc的問題6. mysql replace 死鎖7. 視頻文件不能播放,怎么辦?8. mysql - 分庫分表、分區(qū)、讀寫分離 這些都是用在什么場(chǎng)景下 ,會(huì)帶來哪些效率或者其他方面的好處9. windows7 ping不通虛擬機(jī)VMware上的linux(ubuntu)的ip10. mysql - 如何減少使用或者不用LEFT JOIN查詢?
