javascript - 如何向localStorage上的數(shù)組push數(shù)據(jù)
問(wèn)題描述
我想做的一個(gè)功能是向localstorage上設(shè)置一個(gè)空數(shù)組,每次點(diǎn)擊就push當(dāng)前點(diǎn)擊的數(shù)據(jù)到localstorage的數(shù)組中,但是localstorage不允許push,我試過(guò)深拷貝localstorage的數(shù)組出來(lái)再push到深拷貝的數(shù)組中,在設(shè)置localstorage的數(shù)組為深拷貝的數(shù)組,但是也沒(méi)嘗試出來(lái),請(qǐng)大神支招
問(wèn)題解答
回答1:localStorage只能存儲(chǔ)String,要用Json對(duì)象轉(zhuǎn)化下:
var arrayObject = [];arrayObject.push(’a’,’b’,’c’);localStorage.setItem('array',JSON.stringify(arrayObject));var arrayObjectLocal = JSON.parse(localStorage.getItem('array'));arrayObjectLocal.push(’d’,’e’,’f’);for (i = 0; i < arrayObjectLocal.length; i++) { console.log(arrayObjectLocal[i]);}回答2:
很簡(jiǎn)單,存進(jìn)去之前先json字符串化,取出來(lái)逆回來(lái)操作,就能得到正常的數(shù)組。
localStorage.setItem('arr', JSON.stringify(arr))var arr = JSON.parse(localStorage.getItem('arr'))arr.push(something)localStorage.setItem('arr', JSON.stringify(arr))回答3:
很奇怪的思維,為啥不往數(shù)組里push,在localStorage.setItem('arr',arr)呢,而是在先設(shè)置localStorage,在進(jìn)行操作呢
回答4:數(shù)組存localstorage里會(huì)變成字符串,想操作localStorage的變量就先取出來(lái)進(jìn)行操作再存進(jìn)去。
//設(shè)置arr = [1];localStorage.arr = arr
取出來(lái)再設(shè)置
//取出getarr = localStorage.arr.split(’,’)//操作getarr.push(2)//['1', 2]//再存localStorage.arr = getarr//這時(shí)候localStorage.arr變?yōu)?'1,2'回答5:
親,首先你要搞清楚localstorage到底是個(gè)什么東西,localstorage作為HTML5新特性中的webStorage技術(shù)中的永久存儲(chǔ)方法,我們通常也叫他本地存儲(chǔ)和跨會(huì)話級(jí)存儲(chǔ)。他的用法并不需要給localstorage設(shè)置空數(shù)組,他本身有自己的存取數(shù)據(jù)的方法,如下:
localstorage['key'] = ’value’ ;
希望可以幫到你啦~
相關(guān)文章:
1. javascript - 這段代碼如何理解?2. mysql無(wú)法添加外鍵3. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境4. java - Mybatis查詢數(shù)據(jù)庫(kù)時(shí)出現(xiàn)查詢getInt()的錯(cuò)誤5. java - 是否類 類型指針、引用作為形參 ,函數(shù)結(jié)束不會(huì)自動(dòng)析構(gòu)類?6. angular.js - angular ng-class里面的引號(hào)問(wèn)題7. matplotlib - python函數(shù)的問(wèn)題8. JavaScript事件9. javascript - es6將類數(shù)組轉(zhuǎn)化成數(shù)組的問(wèn)題10. javascript - react 中綁定事件和阻止事件冒泡
