使用javascript存储在关联数组中的多个用户表单输入答案

【问题标题】：Multiple user form input stored in an associative array using javascript使用javascript存储在关联数组中的多个用户表单输入
【发布时间】：2018-10-12 18:21:33
【问题描述】：

我似乎无法让另一个用户输入值到数组中。每次我想在数组中添加一个新的表单值时，它都会覆盖数据。这段代码还有其他方法可以工作吗？不使用 js 库和框架。这是我的代码。谢谢。

function array()
{
    var fName = document.getElementById('fullName').value;
    var userName = document.getElementById('username').value;
    var elmail = document.getElementById('email').value;
    var pword = document.getElementById('password').value;
    var b_day = document.getElementById('bday').value;
    var g_nder = document.getElementById('gender').value;
    var storage = [];
    var person = [];

    person[userName] = {
        "Full Name" : fName,
        "Email" : elmail,
        "Password" : pword,
        "Birthday" :  b_day,
        "Gender" : g_nder                   
    };
    storage.push(person);
    console.log(storage);           
}

【问题讨论】：

只有一个条目的哈希表没有意义。

标签： javascript html forms multidimensional-array associative-array

【解决方案1】：

将存储在函数外部作为全局变量。

    var storage = [];
function array()
{
    var fName = document.getElementById('fullName').value;
    var userName = document.getElementById('username').value;
    var elmail = document.getElementById('email').value;
    var pword = document.getElementById('password').value;
    var b_day = document.getElementById('bday').value;
    var g_nder = document.getElementById('gender').value;
    var person = [];

    person[userName] = {
        "Full Name" : fName,
        "Email" : elmail,
        "Password" : pword,
        "Birthday" :  b_day,
        "Gender" : g_nder                   
    };
    storage.push(person);
    console.log(storage);           
}

您每次都将存储初始化为空数组

【讨论】：