我只使用JavaScript创建了一个包含一些记录的表,我想将包含对象的数组设置为本地存储

我只使用JavaScript创建了一个包含一些记录的表,我想将包含对象的数组设置为本地存储,javascript,html,twitter-bootstrap,css,Javascript,Html,Twitter Bootstrap,Css,变量项2=[ {名称:'HP 1Laptop',id:'Item1251',价格:1001}, {名称:'HP 2Laptop',id:'Item1252',价格:1002}, {名称:'HP 3Laptop',id:'Item1253',价格:1003}, {名称:'HP 4Laptop',id:'Item1254',价格:1004}, {名称:'HP 5Laptop',id:'Item1250',价格:1005}, {name:'HP 6Laptop',id:'Item1256',price

变量项2=[ {名称:'HP 1Laptop',id:'Item1251',价格:1001}, {名称:'HP 2Laptop',id:'Item1252',价格:1002}, {名称:'HP 3Laptop',id:'Item1253',价格:1003}, {名称:'HP 4Laptop',id:'Item1254',价格:1004}, {名称:'HP 5Laptop',id:'Item1250',价格:1005}, {name:'HP 6Laptop',id:'Item1256',price:1006}, {名称:'HP 7Laptop',id:'Item1257',价格:1007}, {名称:'HP 8Laptop',id:'Item1258',价格:1008}, ]; var项目=[]; 函数saveData{ localStorage.setItem'localData',JSON.stringifyitems2 } 函数加载数据{ var arr1=localStorage.getItem'localData'; items=JSON.parsearr1; } 保存数据; 负荷数据; var globalIndex; var updateBtn=document.getElementById'updateRow'; var addBtn=document.getElementById'addBtn'; var numberFieldValue=document.getElementById'numberOfRecords'; var recordsconting=document.getElementById'counter'; var updatedRow=document.getElementById'countries'; 函数记录加载{ var数据=; ifitems.length>=0{ forvar i=0;i您可以在此处找到localStorage的完整详细信息:

这有助于你实现你的目标

简而言之,只需使用以下代码设置阵列:

localStorage.setItem("list_data_key",  JSON.stringify(ArrayData));
要检索它,请使用以下命令:

var storedData = localStorage.getItem("list_data_key");
if (storedData) {
    ArrayData = JSON.parse(storedData);
} 

要将对象数组保存到localStorage中,请首先将该对象数组字符串化,然后将其保存到localStorage中。从localStorage检索时,解析它以获取初始数组。 要将任何内容保存到本地存储中,请使用localStorage.setItem'name',value; 默认情况下,保存在localStorage中的项将变为字符串类型。 要从localStorage检索保存的项,请使用localStorage.getItem'name'


是的,我知道这个,但是如果我在我的表中编辑或添加了一条新记录,我如何保留我的数据?我如何将一个新对象推送到已经存在于本地存储中的数组?您需要再次使用localStorage.setItem来修改数组内容。首先,使用getItem检索数组,然后将新元素推送到数组中,并使用setItem将更新后的数组保存到localStorage中。如何将已存在于本地存储中的新对象推送到该数组中从浏览器localStorage加载的Hear记录中,但我对其上的CRUD操作感到困惑
 var items = [
  {name:'HP 1Laptop', id:'Item1251', price:1001}, 
  {name:'HP 2Laptop', id:'Item1252', price:1002}, 
  {name:'HP 3Laptop', id:'Item1253', price:1003}, 
  {name:'HP 4Laptop', id:'Item1254', price:1004}, 
  {name:'HP 5Laptop', id:'Item1250', price:1005}, 
  {name:'HP 6Laptop', id:'Item1256', price:1006}, 
  {name:'HP 7Laptop', id:'Item1257', price:1007}, 
  {name:'HP 8Laptop', id:'Item1258', price:1008}, 
 ]; 

 localStorage.setItem('array' , JSON.stringify(items));
 console.log("saved array is\n", JSON.parse(localStorage.getItem('array')));