javascript - 将表单数据解析为对象，然后推入数组

Question

我有一个表单，我想将它们填充的输入推送到一个数组中，但首先将整个数据变成一个对象，从我下面的结构中，当表单被填充时，将所有填充的数据推送到一个对象中，然后推送该对象成一个数组，我怎么能做这个。帐户数组的行为更像是下面的容器对象，我如何将输入传递给对象，然后将它们传递给帐户数组 Javascript。我是新手，所以我的想法过程已经关闭

const account1 = {
  name: 'Oladayo Miracle',
  deposit: [200, 450, -400, 3000, -650, -130, 70, 1300],
  username: dayo,
  // movements: getItems(),
  interestRate: 1.2, // %
  pin: 1111,
  Dates: [
    '2019-11-18T21:31:17.178Z',
    '2019-12-23T07:42:02.383Z',
    '2020-01-28T09:15:04.904Z',
    '2020-04-01T10:17:24.185Z',
    '2020-05-08T14:11:59.604Z',
    '2021-06-29T17:01:17.194Z',
    '2021-07-02T10:36:17.929Z',
    '2021-07-01T10:51:36.790Z',
  ],
  currency: 'NGN',
  locale: 'en-NG', // de-DE
  exc: 180,
};
const accounts = [account1]

<form class="modal-form" action="" name="login" method="" id="form-id" required>
  <div>
    <label for="name">Name:</label>
    <input type="text" id="name" />
  </div>
  <div>
    <label for="pin">Password:</label>
    <input type="number" id="pin" />
  </div>
  <div>
    <label for="user">Username:</label>
    <input type="text" id="user" />
  </div>
  <div>
    <label for="rate">Interest:</label>
    <input type="number" id="rate" />
  </div>
  <div>
    <label for="deposit">Deposit:</label>
    <input type="text" id="rate" />
  </div>
  <div>
    <label for="date">Dates:</label>
    <input type="number" id="rate" />
  </div>
  <div>
    <label for="currency">Currency:</label>
    <input type="text" id="currency" />
  </div>
  <div>
    <label for="exchange">Exc rate:</label>
    <input type="number" id="exchange" />
  </div>
  <div>
    <label for="locale">locale:</label>
    <input type="text" id="locale" />
  </div>
  <button type="submit" class="btn header-button">
    Login &rarr;
  </button>
</form>

标签： javascriptarraysformsobject