Localstorage:使用Stringify更改特定数组的值
我不知道这个问题是否非常准确，但我试图从本地存储数组中更改一个值。
这就是我的本地存储所看起来的样子：
[{"id":"item-1","href":"google.com","icon":"google.com"},
{"id":"item-2","href":"youtube.com","icon":"youtube.com"},
{"id":"item-3","href":"google.com","icon":"google.com"},
{"id":"item-4","href":"google.com","icon":"google.com"},
{"id":"item-5","href":"youtube.com","icon":"youtube.com"},
{"id":"item-6","href":"asos.com","icon":"asos.com"},
{"id":"item-7","href":"google.com","icon":"google.com"},
{"id":"item-8","href":"mcdonalds.com","icon":"mcdonalds.com"}]关键是“结果”。
我怎样才能为setItem为id:item-6, href:。举个例子。项目-6，href是asos.com。如何将其设置为stackoverflow.com？
我想应该是这样的：
localStorage.setItem("result", JSON.stringify( ??? ));编辑：
我已经实现了从本地存储中检索数据:下面是工作小提琴：http://jsfiddle.net/kZN4y/。使用相同的编码，我想更新更新点击中提到的值。这有可能吗？
谢谢
回答 2
Stack Overflow用户
发布于 2011-11-12 14:16:02
就个人而言，我毫不犹豫地创建处理完整对象的函数，在您的例子中，如下所示：
var blob = [{"id":"item-1","href":"google.com","icon":"google.com"},
{"id":"item-2","href":"youtube.com","icon":"youtube.com"},
{"id":"item-3","href":"google.com","icon":"google.com"},
{"id":"item-4","href":"google.com","icon":"google.com"},
{"id":"item-5","href":"youtube.com","icon":"youtube.com"},
{"id":"item-6","href":"asos.com","icon":"asos.com"},
{"id":"item-7","href":"google.com","icon":"google.com"},
{"id":"item-8","href":"mcdonalds.com","icon":"mcdonalds.com"}];
// define helper functions
Storage.prototype.setBlob = function (blob)
{
for (i in blob) {
// example of storageObjet: {'item-3': {'href': 'google.com', 'icon': 'google.png'}}
var struct={};
for (key in blob[i]) {
if (key != 'id') {
struct[key] = blob[i][key];
}
};
this.setObject(blob[i].id, struct);
}
}
Storage.prototype.setObject = function(key, obj) {
this.setItem( key, JSON.stringify(obj) );
};
Storage.prototype.getObject = function(key) {
return JSON.parse(this.getItem(key));
};
// do stuff
sessionStorage.clear();
sessionStorage.setBlob(blob);
var key = 'item-6';
var item = sessionStorage.getObject(key);
item.href = 'stackoverflow.com';
sessionStorage.setObject(key, item);
for (key in sessionStorage) {
if (typeof(sessionStorage[key]) == 'string') {
var item2 = sessionStorage.getObject(key);
$('#stuff').append( $('<div>').html(item2.href) );
}
}看看这把小提琴
注意:在本例中，我使用的是sessionStorage而不是localStorage，但是接口是相同的，两者都使用存储原型。
如您所见，我将每个项目的结构更改为：{' item -3'：{'href'：'google.com'，‘图标’：'google.png'}}。我之所以这样做，是因为它更好地反映了javascript、localStorage以及整体上键/值的概念，并且大大简化了使用。
在本例中，有：
var item = sessionStorage.getObject(key);
item.href = 'stackoverflow.com';
sessionStorage.setObject(key, item);在我看来，这是一种非常实用的处理localStorage的方法。
此外，"setBlob“函数可以处理每个项目的随机和可变元素数。如果您想要的话，这允许您拥有一个具有5个属性的项，而其他所有的项都有2个属性，只要有一个带有键"id“的元素，它就可以与您的”平面“结构一起工作。
编辑:调试，并切换到一个更经典的setValue(键，项目)；
Stack Overflow用户
发布于 2011-11-12 12:54:01
你的问题还不完全清楚，但希望这能有所帮助。
因为localStorage是一个键/值存储，所以每个键都必须是唯一的值。如果您想要存储特定密钥的json对象，则必须对其进行字符串化以存储，并对其进行解析以检索它。
通常，我将编写几个实用程序函数来获取/设置值。
var get = function(key){
return JSON.parse(localStorage.getItem(key));
}
var set = function(key, val){
localStorage.setItem( JSON.stringify(val) );
}然后，在代码中更新从get()返回的对象，然后将该对象传递给set()，将其返回到localStorage中。
然后，更新返回对象中的值是js对象中值的标准更新。
https://stackoverflow.com/questions/8104512
复制相似问题
腾讯云开发者
