如何將多個表單數據值存儲到本地存儲中的單個鍵

Question

當我提交表單時，我有一個html表單，將值存儲在本地存儲中，但我想要做的是每當提交表單時它應該將值存儲在同一個本地存儲中但是當我嘗試執行時會發生什么上面的方法它需要最后提交的值，任何人都可以告訴我如何使用本地存儲使用相同的鍵為多個值。

function addToCSVFile() {
    // Collecting the names
    var name = document.getElementById('firstName').value;
    var middlename = document.getElementById('middleName').value;
    var lastname = document.getElementById('lastName').value;
    var data = {name: name, middlename: middlename, lastName: lastname};
    console.log('Data is', data);
    // alldata.push(data);
    localStorage.setItem('Data', JSON.stringify(data));
    clearData();
    alert("Data Added Successfully", JSON.stringify(data));

}

Answer 1

使用數組並將新值推送到數組。

序列將是這樣的：

var array = JSON.parse(localStorage.getItem('Data') || '[]');
array.push(dataObject);
localStorage.setItem('Data', JSON.stringify(array));