無法添加到已初始化的數組中

Question

document.getElementById('form').addEventListener('submit', saveItem);
function saveItem(e){
var items= document.getElementById('items').value;
var date= document.getElementById('date').value;
var price= document.getElementById('price').value;
var expense= {
    items: items,
    date: date,
    price: price
}


if(localStorage.getItem('bill')==null){
var bill=[];
 bill.push(expense);
 localStorage.setItem('bill', JSON.stringify(expense));


} else{

var bill = JSON.parse(localStorage.getItem('bill'));

bill.push(expense);
localStorage.setItem('bill', JSON.stringify(expense));
console.log(bill);

}
e.preventDefault();
} 

如果沒有錯誤

if(localStorage.getItem('bill')==null)

但是其他地方出現了錯誤

 Uncaught TypeError: Cannot read property 'push' of undefined
  at HTMLFormElement.saveItem

當本地存儲空時存儲數據但如果不存儲則不能添加數據。

Answer 1

你能否檢查一下JSON.parse(localStorage.getItem('bill'));的結果是什么JSON.parse(localStorage.getItem('bill')); ？ 它是一個有效的數組嗎？

Answer 2

您的費用是一個對象，您需要將帳單保存在本地存儲中。

if(localStorage.getItem('bill')==null){
 var bill=[];
 bill.push(expense);
 localStorage.setItem('bill', JSON.stringify(bill));
}