如何从索引和键更新localstorage对象值
从索引和键更新localstorage对象值的方法是先将localstorage中的对象转换为一个JavaScript对象，然后通过键来更新对象的值，最后将更新后的对象再保存回localstorage。
具体步骤如下：
- 通过localStorage.getItem()方法获取要更新的对象的值，此时返回的是一个JSON字符串。
- 使用JSON.parse()方法将JSON字符串转换为JavaScript对象。
- 根据索引或键找到要更新的值，对对象进行修改。
- 使用JSON.stringify()方法将更新后的JavaScript对象转换为JSON字符串。
- 使用localStorage.setItem()方法将更新后的JSON字符串保存回localstorage中。
下面是一个示例代码：
// 获取localstorage中的对象值
let objStr = localStorage.getItem('obj');
// 将JSON字符串转换为JavaScript对象
let obj = JSON.parse(objStr);
// 根据索引或键更新对象的值
obj.key = 'new value';
// 将更新后的JavaScript对象转换为JSON字符串
let updatedObjStr = JSON.stringify(obj);
// 将更新后的JSON字符串保存回localstorage
localStorage.setItem('obj', updatedObjStr);以上代码中的'obj'是localstorage中存储对象的键名，可以根据实际情况进行修改。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
1回答
我在localStorage中有几个条目。现在，我将从localStorage中获取所有数据，并对其执行替换操作。
例如。
for(var i=0; i<window.localStorage.length; i++) {
var strKey = window.localStorage.key(i);
var sKey = strKey.replace("abc","")
console.log(sKey +"\n");
}
在这种情况下，我无法得到所需的结果。"abc“不会被取代。
浏览 1提问于2013-10-08得票数 0
3回答
我正在捆绑读取一个json文件，通过循环遍历顶层菜单(对象数组)，然后获取它并将其存储到本地存储中。一切正常工作，甚至数据也存储在本地存储中。但我的问题是，它将数据按排序顺序存储在localStorage中，这可能是它的默认行为。但是我不需要它按顺序排列，我想要它在json中的顺序。因为当我将数据存储到本地存储并从本地存储读取数据时，它是按排序顺序进行的。如果自动排序，我可以使用$.each中的密钥并附加它来维护我们的顺序。但它为什么要自己分类呢。还有别的办法吗？请帮我解决这个问题。
注：
我需要从json将数据存储到localStorage。然后从本地存储中读取它，不要读取json，直到lo
浏览 3提问于2013-12-27得票数 4
回答已采纳
为什么这不起作用？
if(typeof(localStorage.getItem("username"))=='undefined'){
alert('no');
};
目标是将用户从索引页面重定向到登录页面(如果尚未登录)。这里暂时没有定义localStorage.getItem("username"))变量。
这是一款ios phonegap应用程序。
浏览 1提问于2013-04-15得票数 168
回答已采纳
我需要从localStorage对象变量中移除对象键，而不是从localStorage中移除键。
let obj = localStorage;
let keys = Object.keys(localStorage).sort(function(a, b) {return a - b;});
for(let i = 0; i < keys.length; ++i){
if (isNaN(keys[i])) {
delete obj[keys[i]];
keys.splice(i,1);
}
}
上面的代码从obj变量中移除非数字对象键，
浏览 1提问于2022-05-19得票数 3
回答已采纳
我添加了一个数组区域存储。效果很好。我也能找回它。在不添加新数组的情况下，如何才能使I.update中的ID成为某种东西。例如..。如何在不创建新数组的情况下更新ID = sam的姓氏和年龄
var objItem = {};
if (localstorage.getItem("records") == null) {
objArr = [];
} else {
objArr = JSON.parse(localstorage.getItem("records"));
}
var ID = "sam";
var surname =
浏览 1提问于2016-02-23得票数 0
回答已采纳
2回答
从本地存储将字符串转换回数组
、、、、
我可能在几英里之外，但有人能告诉我这是否可能吗？
function myFunction(){
var myArray = (localStorage.getItem("storedArray"));
myArray = jQuery.makeArray( myArray );
myArray.push(['someone@myemail','15','myUsername']);
localStorage.setItem("storedArray", JSON.stringify(grabArray
浏览 5提问于2015-04-22得票数 2
回答已采纳
2回答
不要担心它是如何变成这样的，但这是我的本地存储的样子： ? 它应该是这样的： ? 这是我的循环的样子： for(let i=0;i<localStorage.length;i++){
//I do something cool
} 现在假设同样的编号错误发生在15个值上。如何更改localstorage中的键列，使其从0开始，并为每个值缩进1，或者如何更改循环，使其从第一个键运行到最后一个键。
浏览 30提问于2021-11-15得票数 0
如何更改/修改/刷新我的localstorage of AngularJS？
我的localstorage内容是一个object json：
//data content: {Id:1,Name:"Juanito"}
localStorageService.set("MyObj",data);
console.log(localStorageService.get("MyObj"));
//SHOW object JSON {Id:1,Name:"Juanito"}
但是，如果我修改这样一个唯一的键：
localStorageS
浏览 4提问于2016-04-06得票数 1
回答已采纳
我试图使用localStorage将数据从输入文件中保存到我的对象中，但是当我在输入中添加一个值并保存它时，它会保存，但是当我试图添加新值时，它会删除旧值，然后添加新值。我的要求如下：
如何使它不再取代旧的条目而只拿新的条目？
如果我将数据呈现给html，它只向我显示它在obj链接中的内容，它没有显示给我
每个条目都应该用中的新条目更新 obj。我怎么能这么做？
下面是代码：JavaScript
let links = {
team1: {
icon: "FCL.png",
list: [{ name: "Real M
浏览 3提问于2021-09-10得票数 1
回答已采纳
在JS localStorage中，我可以使用
localStorage.getItem(key);
以获取与key变量中的键相对应的条目的值。
如何使用键获取条目的ID (而不是值)？
编辑:对不起，我一定是把大家搞糊涂了。我所说的“键”是指数字键--它是0，1，2，3等等，这取决于保存了多少项。然后我想从数字键中找出它被存储为的ID，例如下例中的foo。
localStorage.setItem('foo', 'bar');
浏览 18提问于2012-09-05得票数 0
回答已采纳
我有这个：
var delItem = localStorage.length;
window.alert("this should be localStorage.length: " + delItem);
localStorage.removeItem(delItem); //removing the last item on storage
window.alert("length after removing item: " + localStorage.length);
有人能告诉我为什么在我取下物品之前和之后我的长度都是一样的吗？
一个我忽略的
浏览 1提问于2017-05-14得票数 0
回答已采纳
我需要删除localStorage中整个数组的各个项。是否有可能做到这一点。我试过下面的代码。但它删除了整个监视名单。我已经附上了本地存储元素的图像。
function removeFromWatchlist(par) {
localStorage.removeItem("watchList")[par];
}
浏览 8提问于2022-09-25得票数 1
回答已采纳
我画这幅画是为了证明我的最终目标是什么。
简介：
如果表单中没有任何更改，或者已经保存了完全相同的值，则“保存值”按钮什么也不做
如果在形式上发生了更改，“保存值”按钮将这些值保存到localStorage，并绑定到已编号的元素(图片中的“1”)，并从输入中获得。
如果单击“编号”元素，它将填充用保存的值更改的输入。
如果在表单中更改了某些内容&与已经保存的值不同，则“保存值”按钮保存到元素2
编号元素中的红色"X"删除绑定到该元素的localStorage中保存的值
我不是来找你们的解决方案的，别担心。我已经研究了一个星期了&a
浏览 1提问于2015-09-13得票数 1
回答已采纳
1回答
我的场景类似于下面的场景--请耐心等待：
我有一个mbean，它包含一个名为"Information“的属性。该属性的值由一个名为"data“的TabularDataSupport类的实例表示。"Data“由CompositeData类的实例组成。
显然，CompositeData的每个实例都需要一个CompositeType。这就是我定义我的“表”的地方，它有三个数据:名称、持续时间和id。
基本上，我有10个在特定时间间隔发生的唯一命名的进程。我希望这些进程中的每一个都由一个CompositeData对象表示，存储在“数据”中。每次进程结束运行时，我都希望更新与其相
浏览 7提问于2018-07-31得票数 1
回答已采纳
我有表格。我已经通过使用localStorage将数组数据存储在localStorage.setItem('x', x)中。
但是如何在localStorage中编辑或删除这些值
浏览 1提问于2019-02-08得票数 0
回答已采纳
为了计算java脚本中的点击数，我看到一些使用localStorage.clickcount的示例代码，这些代码运行得非常好，但是我们如何才能了解localStorage中存在的所有属性，以便开发人员可以使用相同的属性。我们如何知道JS中localstorage类的所有属性和方法是什么？
浏览 1提问于2016-11-15得票数 1
当您想要使用localStorage时，应该如何在应用程序中保存/加载设置？假设我们只想保存用户名和密码。
目前我知道两种选择：
使用带存储和代理的模型。
这似乎有点“大”，因为你只想存储一个对象。但是，在设置FormPanel.using、Phonegap或“平原”localStorage中很容易使用this.load()。
然后您必须使用JSON.stringify和JSON.parse，但是您只存储一个对象，加载它更容易(在页面刷新之后，我在使用该存储和代理时遇到了一些问题)。但是您不能使用this.load，因为您需要加载一个模型。也许您需要将settingsObject从localS
浏览 3提问于2011-04-04得票数 1
回答已采纳
12回答
我只是想知道如何获得localStorage中的所有键值。
我尝试使用一个简单的JavaScript循环来检索值
for (var i=1; i <= localStorage.length; i++) {
alert(localStorage.getItem(i))
}
但只有当关键字是从1开始的渐进式数字时，它才有效。
如何获取所有密钥，以便显示所有可用数据？
浏览 110提问于2011-12-08得票数 170
回答已采纳
我有几个localStorage键，如购物车，查看和垃圾桶。
这个问题有两个方面：
1)如何以最高效的方式遍历localStorage中的项ID，如果ID已经存在，则向匹配的DOM元素添加一个类或数据属性。
2)从3 localStorage Keys (垃圾桶、购物车、已查看)中创建最后20个项目的单独列表的最佳方式是什么？从性能的角度来看，最好是在与我的问题的pt1相同的循环函数中完成这项工作(也就是说，还要测试ID是否存在，如果为真，则添加一个类)？
这就是我所拥有的：
HTML
<article data-id="548" data-date="Mon D
浏览 1提问于2012-01-01得票数 4
2回答
我已经创建了一个铬扩展，它由一个弹出窗口组成，用户可以在其中选择和保存不同的设置。我将这些设置保存到localStorage中，它在所有选项卡上共享。我希望用户能够为不同的网页保存不同的设置。
这就是我想要做的：
用户可以转到站点1并保存设置A
然后用户可以转到站点2并保存设置B。
每当用户返回站点1时，设置A处于活动状态(并显示在弹出窗口中)
每当用户返回站点2时，设置B处于活动状态(并显示在弹出窗口中)
从现在起，每当用户更改任何页面上的设置时，这些设置在所有页面上都是活动的。
我已经从浏览器操作转移到了页面操作，但是由于我将设置保存到相同的localStorage
浏览 7提问于2014-05-19得票数 0
回答已采纳
我想在本地存储上使用removeItem，但是ı不使用localstorage.removeItem()，.Becauseı想要删除数组中的索引(Sepet=array)，ı怎么做呢？thx
浏览 7提问于2021-12-16得票数 -4
回答已采纳
这段代码总结了我的问题：
localStorage.setItem('getItem', 4)
undefined
localStorage.getItem
function getItem() { [native code] }
localStorage['getItem'] = 'user'
"user"
localStorage.getItem
"user"
localStorage.getItem('getItem')
TypeError: Property 'getItem&#
浏览 7提问于2013-03-23得票数 3
我正在开发一个库，用户可以在其中添加和删除书籍。这需要本地存储。我成功地将库添加到本地存储中，但不知道如何访问和修改单个本地存储数组项。
我有一个函数将新书添加到图书馆，然后将图书馆发送到本地存储库：
const addBook = (e) => {
e.preventDefault();
let newBook = createBook();
updateLibrary(newBook);
newBook = `${newBook.title}`;
console.log(newBook);
localStorage.setI
浏览 2提问于2021-08-07得票数 0
回答已采纳
1回答
本地存储多密钥存储
、、、
我想知道我是否可以在localStorage上存储多个密钥？例如：
localStorage.setItem("a_key", a_value);
localStorage.setItem("another_key", another_value);
这样做是可能的吗？如果不是，你建议我应该做什么作为解决方法，因为我需要在客户端存储两个键或变量？
浏览 2提问于2012-05-17得票数 2
回答已采纳
2回答
我是HTML5的新手。我正在阅读head first HTML5编程。在这里的一章中提到，我们正在从localStorage中获取数组。
function init() {
// button code here...
var stickiesArray = localStorage["stickiesArray"];
if (!stickiesArray) {
stickiesArray = [];
localStorage.setItem("stickiesArray", stickiesArray);
浏览 4提问于2015-06-17得票数 0
在我的Ionic应用程序中，我添加了插件'ngStorage‘，它附带了一个演示代码：
var add = function (thing) {
$localStorage.things.push(thing);
}
这和我们说的完全一样。我add("foo")它，并做getAll()和值在那里。我移除add()，但保留getAll()，我仍然有"foo“值(如预期的那样)。
这对我来说不太有用，我想用密钥访问它，所以我做了以下几点：
var addByKey = function (key, value) {
$localStorage.thi
浏览 1提问于2016-11-14得票数 2
回答已采纳
我在读，嗯，很酷。然而，他们没有解释用户如何“删除”localStorage。就像饼干一样。如何删除localStorage？
浏览 5提问于2012-02-01得票数 0
我有一个fav图标在每一张卡(gifs的旋转)是显示和隐藏按钮click.And，我需要如果用户点击fav图标保持活跃，即使页面刷新。我从这个问题指导，但我的代码有点不同(Vanilla和模板文字)：
部分为每一张卡创建模板
const loadData = (data) => {
let trendSection = document.querySelector('.card-container')
let content = ''
for (let i = 0; i < data.length; i++) {
浏览 2提问于2021-10-19得票数 0
我现在正在制作一个主干应用程序，并使用backbone.localstorage插件来持久化数据。我的应用程序有一些可排序的项目，所以我希望每次我对这些项目进行排序时，localStorage中的数据顺序也会改变。下一次刷新整个页面时，页面将由排序后的数据呈现。但是看起来backbone.localstorage会按照它的创建顺序持久化数据。有没有人能给我一些建议？
浏览 3提问于2012-05-01得票数 1
回答已采纳
我的JSON文件如下所示：
{"companies":
[{"name":"LCBO", "City":"Mississauga", "Province":"Ontario",
"Website":"http://www.lcbo.com/content/lcbo/en.html#.WXtQ94jytPY",
"PhoneNumber":"1(800)668-5226",
"L
浏览 0提问于2017-07-29得票数 0
1回答
我试着在当地的仓库里设定一些价值。所以我就这么做：
if (localStorage) {
var event = localStorage.getItem("Event");
if (event != "undefined" || event != "null") {
console.log(event)
} else {
localStorage.setItem("Event", "Event Name");
console.log(&
浏览 1提问于2014-06-27得票数 1
回答已采纳
document.getElementById("submit").addEventListener("click", getElements)
function getElements() {
var a = document.getElementById("sample").value;
var x = new obj(a);
function store() {
localStorage.setItem('todays-values', Object.values(x));
}
store
浏览 3提问于2016-10-01得票数 1
回答已采纳
var items = [];
//angular.forEach(localStorage, function(value, key){
// items.push({
// 'id' : key,
// 'text' : value
// });
// console.log(value);
//});
for(var key in localStorage){
浏览 0提问于2016-06-10得票数 1
这是我的练习演示，这是要做的清单。
你可以看到，当我确认一项任务。它将消失，但下一个任务状态将被检查。
我怎么才能修好？提前谢谢。
代码：
import React, { Component } from 'react';
import InpuText from './component/InpuText';
class Note extends Component {
constructor(props) {
super(props);
this.state = {
inputdata: 'no data
浏览 1提问于2017-02-21得票数 0
回答已采纳
1回答
在我移动应用程序(jquery mobile + phonegap)中，我有两个选择菜单，当用户从菜单中选择一些选项时，我希望将其存储在本地存储中。我知道本地存储的简单语法，比如localStorage.setItem(键、值)；但是我不知道如何在本地存储中存储动态数据？
浏览 1提问于2011-12-08得票数 0
我试图从localStorage中检索值，但是下面的代码是在浏览器控制台中打印NULL，而不是数组对象值！任何人都可以帮我这个忙。
var ary = [];
function setFavorite(n, v) {
alert("a=" + n + " ,v=" + v);
var obj = {};
obj[n] = v;
ary.push(obj);
// Put the object into storage
localStorage.setItem('testObject', JSON.
浏览 1提问于2015-04-05得票数 0
回答已采纳
1回答
我需要将所有域localStorage保存在变量中，然后再从变量中重新设置它。
我尝试用以下代码保存本地存储：
for (var i = 0, len = localStorage.length; i < len; ++i) {
objects = JSON.stringify(localStorage.getItem(localStorage.key(i)));
}
console.log(objects);
但它给了我一个错误。如何从变量设置所有本地存储？像这样吗？
for (var i = 0, len = objects.length; i < len; i++) {
浏览 2提问于2014-11-28得票数 1
我在我的页面上有一些div，编码为
<div id="1">Click Me to load corresponding dynamicList</div><ul class="dynamicList"></ul>
<div id="2">Click Me to load corresponding dynamicList</div><ul class="dynamicList"></ul>
<div id="3"
浏览 1提问于2011-12-01得票数 3
回答已采纳
3回答
因此，我有一个名为UserData的接口，它包含4种内容:名称、短名称、组和配置文件。
虽然，我只想得到UserData的一部分，而不是全部，但我只想要配置文件值；他是我的键/值关系如何进入localStorage的截图：
我得到这样的UserData：var busca =
但是这会得到所有的东西，我只想要配置文件 'RENDA_FIXA‘
由于安全问题，我不能在这里分享全部代码，这是工作中的。
那么，有人知道如何选择这个UserData键的部分值，而不是整个值吗？比如："var busca = localStorage.getItem('userData.
浏览 4提问于2020-06-05得票数 0
回答已采纳
我创建了一个产品撕裂表，它利用本地存储将产品信息传递到要打印的新页面上。但是，如果我选择了新的产品变体(如床铺尺寸、木材类型等)，我就能够成功地获取我所需要的所有信息。直到我手动刷新我的产品页面，新产品信息页面才会更新。
如果选择了新的变体，是否有方法更新本地存储？我已经包含了一段代码，以展示我是如何设置本地存储的，希望这会有所帮助。
var variantStore = "variants" + variantId;
var titlePrint = '{{ product.title }}';
浏览 23提问于2022-09-19得票数 0
为什么这样不行？ if(typeof(localStorage.getItem("username"))=='undefined'){
alert('no');
}; 目标是将用户从索引页重定向到登录页(如果还没有登录)。在这里localStorage.getItem("username"))目前还没有定义变量。 这是一个iOS PhoneGap应用程序。
浏览 904提问于2018-03-06
回答已采纳
1回答
kendo网格本地存储持久性
、、、、
我看到新的kendo grid内置了使用localStorage实现的过滤器持久性。
$(function () {
var grid = $("#grid").data("kendoGrid");
$("#save").click(function (e) {
e.preventDefault();
localStorage["kendo-grid-options"] = kendo.stringify(grid.getOptions());
});
$(
浏览 0提问于2014-12-18得票数 0
4回答
我对localStorage对象有点困惑。localStorage是一个对象，这显然意味着我们可以像普通对象一样创建方法、创建属性等。
我正在尝试弄清楚如何在localStorage中创建一个方法。这是我目前所拥有的：
localStorage = {
firstname: function(){
//get the firsname from the input and set it as the localstorage firsname
$("#sublog").bind("click", function(){
浏览 1提问于2013-06-27得票数 0
回答已采纳
2回答
我试图弄清楚如何在应用程序本地存储文档中设置和检索一个值。我以前研究过铁元元素，就像这样：
<iron-meta id="meta" key="id" value="{{meta}}"></iron-meta>
Polymer({
is: 'login-form',
properties: {
meta: {
type: String,
value:
浏览 3提问于2016-10-19得票数 3
回答已采纳
1回答
我正在尝试使用本地存储在jquery中实现“稍后保存”功能。其想法是将每个表单事件保存在本地存储中，并使用一个按钮将它们同步并保存到服务器。 我设法将表单数据保存到本地存储，并检索保存的所有本地存储。目前，我正在努力解决如何使用PHP仅向服务器提交特定值的问题 下面是我将表单数据保存到本地存储的代码 $('#systemInventory').on("submit", function(e) {
e.preventDefault(); // prevent the form from attempting to send to the web
浏览 15提问于2019-05-28得票数 0
我想做一个类似Linkedin博客的网站。
我可以像这样创建动态组件。但是当我重新加载浏览器时，动态创建的组件就消失了。
如何将动态创建的组件缓存到localStorage?？当我重新加载浏览器时，如何从localStorage动态加载组件？
还有一个问题。我需要在这段代码中使用ngOnDestroy()吗？
我像这样添加了localStorage部件。但是发生了“在JSON.stringify将循环结构转换为JSON”TypeError。
缓存ComponentRef对象数组的最佳解决方案是什么？
⬇︎这是父组件
// I added this part
import { COMPONENT
浏览 0提问于2019-01-05得票数 1
3回答
我目前正在使用以下方法将我的数组映射到setState，但是没有设置任何内容，也没有记录错误。如果我显式地逐行写出它，它就能工作。对于如何解决这个问题，有什么想法或建议吗？
具有数组的集状态：(不setSate)
const myData = ['message', 'photo', 'isLoggedInhoto'];
const newData = [];
{[...Array(myData.length)].map((x, index) =>
newData.push(myData[index])
)}
this.setSta
浏览 10提问于2016-12-13得票数 2
回答已采纳
1回答
当有大量的
、、
我正在尝试从localStorage数组中删除元素。我能找到的只有localStorage.removeItem(key);
我无法理解它是如何工作的，因为我有2 sessionStorage。这样行吗？
到目前为止我有这个
var theCart = JSON.parse(sessionStorage.getItem("ProductName")); // Retrieving
var quantity = JSON.parse(sessionStorage.getItem("QuantityOFprod"));
var prodprice = JSON.pa
浏览 1提问于2015-04-01得票数 1
举个例子，我有成千上万的学生。
所以我会有一个数组的对象。
students = [
{ "name":"mickey", "id","1" },
{ "name":"donald", "id","2" }
{ "name":"goofy", "id","3" }
...
];
我目前将其保存到本地存储的方式是：
localStorage.setItem('students', JSO
浏览 5提问于2013-01-06得票数 7
我正在使用Firebase Auth为一个涉及金融交易的web应用程序。因此，安全性对我的应用程序来说是最重要的。根据的说法，Firebase可以通过将令牌存储在某个地方来跨多个会话持久化令牌。它没有提到它在XSS中有多安全。当然，我可以假设它是安全的，因为它是Google，但我想知道更多关于它的信息。
我们都读过文章指出localStorage对于存储身份验证是不安全的，cookie + csrf token + jwt + httpOnly是更安全的浏览器处理身份验证的方法。
Firebase如何存储其令牌？它使用的是localStorage还是cookie，还是两者的组合？
浏览 1提问于2018-10-02得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
