我不知道问题是否非常准确,但我正在尝试更改localstorage数组中的值。
这就是我的本地存储的样子:
[{"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:
。所以举个例子。 item-6,href是asos.com
。如何将更改设置为stackoverflow.com
?
我认为它会是这样的:
localStorage.setItem("result", JSON.stringify( ??? ));
编辑:
我已经实现了从localstorage中检索数据: 这是工作小提琴:http://jsfiddle.net/kZN4y/。使用相同的编码,我想更新更新点击中提到的值。这可能吗?
由于
答案 0 :(得分:3)
在个人情况下,我会毫不犹豫地创建处理完整对象的函数,例如:
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','icon':'google.png'}}。我这样做是因为它反映了javascript,localStorage以及整体关键/价值方式的概念,并且大大减少了使用。
在这个例子中你有:
var item = sessionStorage.getObject(key);
item.href = 'stackoverflow.com';
sessionStorage.setObject(key, item);
这对我来说是一种非常实用的方法来处理localStorage。
此外,“setBlob”函数可以处理每个项目的随机和可变数量的元素。如果你愿意,这允许你有一个项目有5个属性,而所有其他项目都有2.只要有一个元素用“id”键调用,它就适用于你的“扁平”结构。
编辑:已调试,并切换到更经典的setValue(键,项);
答案 1 :(得分:0)
你的问题并不完全清楚,但希望这会有所帮助。
由于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对象中的值。