如何将多个表单数据值存储到本地存储中的单个键答案

【问题标题】：How to store multiple form data values to a single key in local storage如何将多个表单数据值存储到本地存储中的单个键
【发布时间】：2018-04-16 23:46:03
【问题描述】：

我有一个 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));

}

【问题讨论】：

标签： javascript html forms

【解决方案1】：

使用数组并将新值推送到数组中。

顺序应该是这样的：

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

【讨论】：

“dataObject”从何而来？