javascript - 如何向localStorage上的數組push數據

問題描述

我想做的一個功能是向localstorage上設置一個空數組，每次點擊就push當前點擊的數據到localstorage的數組中，但是localstorage不允許push，我試過深拷貝localstorage的數組出來再push到深拷貝的數組中，在設置localstorage的數組為深拷貝的數組，但是也沒嘗試出來，請大神支招

問題解答

localStorage只能存儲String，要用Json對象轉化下：

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：

很簡單，存進去之前先json字符串化，取出來逆回來操作，就能得到正常的數組。

localStorage.setItem('arr', JSON.stringify(arr))var arr = JSON.parse(localStorage.getItem('arr'))arr.push(something)localStorage.setItem('arr', JSON.stringify(arr))回答3：

很奇怪的思維，為啥不往數組里push，在localStorage.setItem('arr',arr)呢，而是在先設置localStorage,在進行操作呢

數組存localstorage里會變成字符串，想操作localStorage的變量就先取出來進行操作再存進去。

//設置arr = [1];localStorage.arr = arr

取出來再設置

//取出getarr = localStorage.arr.split(’,’)//操作getarr.push(2)//['1', 2]//再存localStorage.arr = getarr//這時候localStorage.arr變為 '1,2'回答5：

親，首先你要搞清楚localstorage到底是個什么東西，localstorage作為HTML5新特性中的webStorage技術中的永久存儲方法，我們通常也叫他本地存儲和跨會話級存儲。他的用法并不需要給localstorage設置空數組，他本身有自己的存取數據的方法，如下：

localstorage['key'] = ’value’ ;

希望可以幫到你啦~