javascript - 使用 javascript 将多个用户表单输入存储在关联数组中

Question

我似乎无法让其他用户将值输入到数组中。每次我想将新的表单值添加到数组中时，它都会覆盖数据。这段代码还有其他工作方式吗？不使用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);           
}

Answer 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);           
}

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