无法从对象数组中检索数据？

Ankur 发表于 Dev

锚

我将以下代码保存在本地存储中的对象列表

var employeeArray = [];
 function SaveData() {
        counter = counter + 1;
        employeeArray.push
        ({
            ID : counter,
            FirstName : $('#txtFirstName').val(),
            LastName : $('#txtLastName').val(),
            MobileNo : $('#txtMobileNo').val(),
            Address : $('#txtAddress').val()
        })
        localStorage.setItem("employee", employeeArray);
        BindData();
    }

当我通过以下代码从本地存储中检索数据时

function BindData() {
        var employee = localStorage.getItem("employee");
        for (var key in employee) {
            alert(key);

            var tr = CreateElement('tr', null)
            tr.append(CreateElement('td', employee[key]));
            $('#tblData').append(tr);
        }
    }

key给我仅索引值，如0,1,2....。我正在寻找要使用的属性的名称key.ID。

如何实现？

阿伦·P·约翰尼

在存储api中，值存储为字符串值，因此employeeArray在存储之前需要将转换为json字符串

localStorage.setItem("employee", JSON.stringify(employeeArray));

然后在阅读时，您需要将字符串转换回类似

function BindData() {
  var employee = JSON.parse(localStorage.getItem("employee"));
  employee.forEach(function(emp) {
    var tr = CreateElement('tr', null)
    tr.append(CreateElement('td', emp.FirstName));
    $('#tblData').append(tr);
  })
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。