Question

我目前正在开发一个HTML5项目，我需要使用localstorage。我希望能够从本地存储中动态删除项目。这意味着如果我有五个项目，并且我想删除第二个项目，则第三个，第四个和第五个项目将自动分配到较低的位置，这样我就没有剩余空隙（因为这非常烦人的时候我想打印整个本地存储空间。）

Answer 1

HTML5 localStorage又名Web存储，使用密钥存储字符串值。因此，您可以通过在存储之前将它们转换为JSON来存储对象或数组：

// define an array of objects
var arr = [
    { name : 'first', description : 'first description' },
    { name : 'second', description : 'second description' },
    { name : 'third', description : 'third description' }
];

// store the array to localStorage as a JSON string
localStorage.setItem("data", JSON.stringify(arr));

// retrieve the JSON from localStorage and parse it back to an array
var arr = JSON.parse(localStorage.getItem("data"));

// remove the second object from the array
arr.splice(1, 1);

// let's update the first object too
arr[0].name = 'first name';

// save it back to localStorage
localStorage.setItem("data", JSON.stringify(arr));

Answer 2

if (localStorage.text) 
{ 
    var text1 = localStorage.text; 
    var splitText1 = text1.split(','); 
    if (splitText1.length > 0) 
    for (i in splitText1) 
    { 
        var div = document.createElement("div"); 
        div.setAttribute("id", "medicament"); 
        div.innerHTML = "<h1>" + splitText1[i] + "</h1>"; document.body.appendChild(div); 
    } 
}

这是我们用来在屏幕上打印内容的代码。

Answer 3

您可以使用jstorage来解决问题。

在localstorage中动态删除和添加字符串

3 个答案: