将返回的对象推送到对象数组中答案

【问题标题】：Push a returned object into an array of objects将返回的对象推送到对象数组中
【发布时间】：2022-01-03 18:36:58
【问题描述】：

我正在尝试将函数 setData（一个对象）的输出保存到一个数组 (state=[])，但不知道如何操作。代码如下：

const sbmt = document.getElementById("myForm");
const elName = document.getElementById("iname");
const elGender = document.getElementById("igender");
const elAge = document.getElementById("iage");
const elForm = document.getElementById("myForm");

const setData = (event) => {
    event.preventDefault();

    let nodeList = document.forms[0].elements;
    let flatNodeList = [...nodeList].map(x => x.value).filter(x => x !== "Submit");

    let objData = {
        userName: flatNodeList[0],
        userGender: flatNodeList[1],
        userAge: flatNodeList[2]
    };

    console.log(objData);

    return objData;
};

let state =[];

const resetForm = () => elForm.reset();

sbmt.addEventListener("submit", setData);
sbmt.addEventListener("submit", resetForm);

【问题讨论】：

将 return objData 更改为 state.push(objData)

标签： javascript json dom multidimensional-array nodelist

【解决方案1】：

您基本上只需要将数据推送到您的state 数组中。返回对象不会有任何影响。

let state =[];

const setData = (event) => {
    event.preventDefault();

    let nodeList = document.forms[0].elements;
    let flatNodeList = [...nodeList].map(x => x.value).filter(x => x !== "Submit");

    let objData = {
        userName: flatNodeList[0],
        userGender: flatNodeList[1],
        userAge: flatNodeList[2]
    };

    console.log(objData);

    state.push(objData);
};

【讨论】：