Question

我使用以下命令将输入存储在一个对象（键和值）上：

const object1 = {
    un: inp.value,
    pw: inpw.value
};
var myJSON = JSON.stringify(object1);
var myObj = JSON.parse(myJSON);

现在我希望将每个对象存储在数组中，例如，第一个输入是：

{“ un”：“ john”，“ pw”：“ smith”}

它将存储到array[0]

第二个输入将例如：

{“ un”：“ beth”，“ pw”：“ sebastian”}

以此类推。

因此，当我调用array [0]时，它将仅显示{“ un”：“ john”，“ pw”：“ smith”}'

这是我的代码：

<form action="" autocomplete="on">
  <div class="" style="width:300px;">
    <input id="myInput" type="text" name="myInput" placeholder="Input" autocomplete="input">
    <input id="myPW" type="password" name="myPassword" placeholder="Password" autocomplete="password">
  </div>
  <input id="button" type="submit">
</form>

    <h2>Username</h2>
    <p id="uname"></p>

    <h2>Password</h2>
    <p id="pass"></p>

    <h2>Data</h2>
    <ol id="val"></ol>

    <h2>Array</h2>
    <ol id="arr"></ol>

<script>
var myButton = document.getElementById('button');
var inp = document.getElementById('myInput');
var inpw = document.getElementById('myPW');

myButton.addEventListener('click', function(event) {
    event.preventDefault();

    const object1 = {
        un: inp.value,
        pw: inpw.value
    };
    var myJSON = JSON.stringify(object1);
    var myObj = JSON.parse(myJSON);

    val.innerHTML += '<li>' + myJSON + '</li>';


    //it should be in this part where it document the myJSON
    cookies = [];
    cookies.push(myJSON);
    for (var i = 0; i < cookies.length; i++) {
        arr.innerHTML += '<li>' + cookies[i] + '</li>';
    }       
});

我该如何解决？

Answer 1

只需创建一个数组并将值推入其中即可：

var inputData = [];

var myJSON = JSON.stringify(object1);
var myObj = JSON.parse(myJSON);

inputData.push(myObj)

JSfiddle：https://jsfiddle.net/Lya0nu1t/1/

如何将键和值存储到数组存储中？

1 个答案: