有没有一种方法可以将数据存储到 json 数组中，而无需删除 javascript 中 json 数组中先前存储的数据？

Question

我正在尝试实现一种从输入框中获取数据并将数据发送到 json 数组的方法，我实现了它，但是在推送新数据时，数组中的先前数据被删除了。我希望所有数据都存储在 json 数组中。如何在 javascript 或 jquery 中实现这一点。以下是我尝试过的。

<script>
  $(document).ready(() => {
    $('#submit').click(() => {
      var objKey = 0;
      var person = [];

      var name = $('#name').val();
      var age = $('#age').val();
      var address = $('#address').val();
      objKey++;
      var obj = {
        'id': objKey,
        'name': name,
        'age': age,
        'address': address
      }

      var hasMatch = false;

      if (name === '' || age === '' || address === '') {
        alert('Fields should not be null');
        return false;
      } else {
        var index = 0;
        if (index < person.length) {
          ++index

          var animal = person[index];

          if (animal.name == obj.name) {
            hasMatch = true;
            alert('oops');
            return false;
          } else {
            person.push(obj);
            buildTable(person)
            console.log(person);
            return false

          }
        } else {
          person.push(obj);
          buildTable(person)
          console.log(person);
          person += person
          return false
        }

      }

    });

    function buildTable(data) {
      var table = document.getElementById('myTable')

      for (var i = 0; i < data.length; i++) {
        var row =
          `<tr class="record">
             <td>${data[i].id}</td>
             <td>${data[i].name}</td>
             <td>${data[i].age}</td>
             <td>${data[i].address}</td>
             <td><input type="button" title="Click to remove item" value="delete" /></td>
          </tr>`
        table.innerHTML += row`enter code here`
      }
    }
  })
</script>

Answer 1

嘿嘿，如果我没听错的话，问题出在你的数组上：

var person = [];

每次单击提交按钮时都会（重新）初始化。 因此，您以前的数据丢失了。

尝试更改以下代码：

  $(document).ready(() => {
   $('#submit').click(() => {
    var objKey = 0;
    var person = [];

到：

  $(document).ready(() => {
   var person = [];
   $('#submit').click(() => {
    var objKey = 0;
   

通过在就绪块中声明人员，您的提交事件可以访问此变量。 但不会在您每次单击按钮时覆盖它。

希望对你有帮助

Answer 2

问题是您在每次点击时都会创建一个 新 数组。将您的 person 变量移到点击处理程序之外：

$(document).ready(() => {
  var person = [];            // <==============
  $('#submit').click(() => {
    var objKey = 0;

如果你这样做，那么就会有一个数组，person.push 将添加到该数组中。

Answer 3

问题在于，单击时您将数组“person”重新定义为空数组。你应该在代码中定义它。