javascript - 用localstorage存json對象的時候 希望實現每次點擊 把值一直疊加到儲存里面 現在每次點擊會覆蓋掉之前的

問題描述

這是存的時候的代碼

$('.top').click(function(){ var contrastdata = new Object;contrastdata.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText;contrastdata.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText;contrastdata.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText;localStorage.setItem(’contrastdata’,JSON.stringify(contrastdata)); });

下面是取的時候

var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’));var Machinedata = contrastdata.Machinedata;var UserNamedata = contrastdata.UserNamedata;var InstrumentIDdata = contrastdata.InstrumentIDdata;

問題解答

你這思路不對，應該先從LocalStorage取出原來的值，然后將新數據疊加到原來的值中，然后再次存入LocalStorage。這樣就不會出現數據覆蓋了

你是想每個tr都存不同的item嗎？

覆蓋是因為你每次存儲時名字沒變你可以改成這樣var nums = 0;$('.top').click(function(){

var contrastdata = new Object; contrastdata.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText; contrastdata.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText; contrastdata.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText; localStorage.setItem(’contrastdata_’+nums,JSON.stringify(contrastdata)); nums++;});

下邊取值的時候再根據nums的值循環或者是改變數據結構，用一個對象存儲數據，每次點擊把數據加到對象里面，然后把對象存進localstroage里面

先從localStorage取出數據轉換成對象，記得做防御判斷，然后把想要存的值插入到取出來的對象中去，然后轉換成字符串存入localStorage覆蓋原來的數據；

先讀取，然后追加，再寫入。

// 讀取已存入的數據；// `|| []`是為了第一次存取時，初始化存入的數據結構，想要追加就得用數組let temp = JSON.parse(localStorage.getItem(’contrastdata’)) || [];// 追加數據temp.push({ Machinedata: ’abc’, UserNamedata: 123}); localStorage.setItem(temp);回答6：

在一開始的時候先取值賦給變量，然后在點擊事件里面去進行操作，數據暫時不需要直接去存儲，在跳轉頁面或者需要存儲的時候再進行存儲，不然每次點擊的時候存一下，然后取一下，很麻煩。

var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’));if(!contrastdata){ contrastdata = {};}$('.top').click(function(){ contrastdata.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText; contrastdata.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText; contrastdata.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText;});//頁面做跳轉或者需要存的時候再存儲localStorage.setItem(’contrastdata’,JSON.stringify(contrastdata));回答7：

var contrastdata = JSON.parse(localStorage.getItem(’contrastdata’)),contrastdata1={},contrastdataArr=[];//如果localStorage.getItem(’contrastdata’)存在值，就先添加進數組里面if(contrastdata){ contrastdataArr.push(contrastdata)}$('.top').click(function(){ //初始化contrastdata1臨時變量 var contrastdata1={}; //設置contrastdata1 contrastdata1.Machinedata = $(this).parents(’tr’).find(’td’)[0].innerText; contrastdata1.UserNamedata = $(this).parents(’tr’).find(’td’)[2].innerText; contrastdata1.InstrumentIDdata = $(this).parents(’tr’).find(’td’)[4].innerText; //把contrastdata1添加進contrastdataArr; contrastdataArr.push(contrastdata1)});//頁面關閉時把contrastdataArr存儲進localStorage(contrastdata)localStorage.setItem(’contrastdata’,JSON.stringify(contrastdataArr));