正在从本地存储检索数组中对象的值

Retrieving values in an object in an array from local storage

本文关键字：数组 对象 检索 存储      更新时间：2023-09-26

我有两个网页。其中一个名为"创建事件"，另一个为"事件日历"。在创建事件中，表单用于允许用户输入。然后，输入通过以下功能存储到本地存储器：

document.addEventListener("DOMContentLoaded", docIsReady);
var CreateEvent;
function docIsReady() {
    CreateEvent = localStorage.getItem("CreateEvent");
    if (CreateEvent == null) {
        CreateEvent = [];
    } else {
        CreateEvent = JSON.parse(CreateEvent);
    }
}
function saveToStorage() {
    var one;
    var nameofevent = document.getElementById("name").value;
    var pList = document.getElementsByName("pos");
    var positions = [];
    for (i = 0; i < pList.length; i++) {
        positions.push(pList[i].value);
        console.log(pList[i].value);
    }
    //for (i=0; i<positions.length; i++){
    //console.log(positions[i].value);
    //}
    var venue = document.getElementById("venue").value;
    var date = document.getElementById("date").value;
    var starttime = document.getElementById("timeStart").value;
    var endtime = document.getElementById("timeEnd").value;
    var contact = document.getElementById("contact").value;
    var email = document.getElementById("email").value;
    var desc = document.getElementById("desc").value;
    one = {
        "name": nameofevent,
        "pos": positions,
        "venue": venue,
        "date": date,
        "timeStart": starttime,
        "timeEnd": endtime,
        "contact": contact,
        "email": email,
        "desc": desc
    };
    CreateEvent.push(one);
    localStorage.setItem("CreateEvent", JSON.stringify(CreateEvent));
    return false;
}

我将CreateEvent作为一个数组，以便存储多个输入，因为不能只创建一个事件。现在，我需要在事件日历的表中显示事件的名称。作为日历，事件将按月份排序。但是，我不知道如何访问存储在数组中的每个对象中的"日期"answers"名称"值。如何检索对象中的值？

使用[]:将索引到数组中

var entry = CreateEvent[0]; // 0 = the first entry

然后使用该对象的属性：

console.log(entry.name);

旁注：您可以在自己的代码中自由地做任何您喜欢的事情，但FWIW，CreateEvent是这个数组的一个不寻常的名称，原因有两个：1。它以大写字母开头，而在JavaScript中，压倒性的约定是数据变量以小写字母开头。2.它是一个动词短语（"create event"），但它的值是一个名词（一组事件）。通常，列表和数组是用它们所包含的名称命名的，可以是复数，也可以是像list或array这样的后缀。因此，在这种情况下，events或eventList或eventArray将是更标准的。

相关文章：