Javascript 设置Object=[]时返回Not Rendering，设置Object={}时返回Not Rendering

我正在格式化数据，使其看起来像结果

当我使用set-var-results={}时，结果将在渲染中输出，但是如果将set-var-results=[]设置为数组，则不会返回渲染。我可以在控制台日志中看到它，但不能在渲染中看到

这里有一个可以玩的代码沙盒

排列

对象数组

var arrayOfObjects =
[
{
    "title": "Group President",
    "id": "TpNY1SU_",
    "info": {
        "startDate": "01-06-2020"
    }
},
{
    "title": "TEST",
    "id": "cEpPxopz",
    "info": {
        "startDate": "01-07-2020"
    }
},
{
    "title": "Example",
    "id": "jnTMr_r7",
    "info": {
        "startDate": "01-07-2020"
    }
},
]

设置结果=[]时所需的非工作结果获取[]

设置结果={}时的工作结果

---

因为它是键值对数据，所以最好将数据保存在object中，并根据需要使用object.values、object.keys或object.entries

下面是使用Es6平面和Object.values的解决方案

结果={ d01-06-2020：{ 日期：2020年6月1日， 活动：[ { 标题：集团总裁， id:TpNY1SU， 信息：{ 起始日期：星期一2020年1月6日14:03:03 GMT-0500东部标准时间 } } ] }, d01-07-2020：{ 日期：2020年7月1日， 活动：[ { 标题：测试， id:cEpPxopz， 信息：{ 起始日期：2020年1月7日星期二11:16:52 GMT-0500东部标准时间 } }, { 标题：示例， id:jnTMr_r7， 信息：{ 起始日期：2020年1月7日星期二11:22:24 GMT-0500东部标准时间 } } ] }, } 设res=Object.valuesresults.mapa=>a.events； 让dates=res.flat.mapa=>a.info.startDate；

---

console.LogDate包含太多信息。请阅读有关如何仅使用所需信息提问的信息。将数据减少到最少amount@CharlieFish我添加了一个代码沙盒，它使用代码沙盒示例准确地显示了发生的事情，当它是一个数组时，它不会渲染。我不喜欢对象中的对象的概念，我更愿意让它成为一个对象数组

var dates = 
[
"01-06-2020",
"01-07-2020",
"01-08-2020",
"01-10-2020",
"02-04-2020"
]

var arrayOfObjects =
[
{
    "title": "Group President",
    "id": "TpNY1SU_",
    "info": {
        "startDate": "01-06-2020"
    }
},
{
    "title": "TEST",
    "id": "cEpPxopz",
    "info": {
        "startDate": "01-07-2020"
    }
},
{
    "title": "Example",
    "id": "jnTMr_r7",
    "info": {
        "startDate": "01-07-2020"
    }
},
]

results = [
"d01-06-2020": {
    "date": "01-06-2020",
    "events": [
        {
            "title": "Group President",
            "id": "TpNY1SU_",
            "info": {
                "startDate": "01-06-2020"
            }
        }
    ]
},
"d01-07-2020": {
    "date": "01-07-2020",
    "events": [
        {
            "title": "TEST",
            "id": "cEpPxopz",
            "info": {
                "startDate": "01-07-2020"
            }
        },
        {
            "title": "Example",
            "id": "jnTMr_r7",
            "info": {
                "startDate": "01-07-2020"
            }
        }
    ]
},
]

results =  {
"d01-06-2020": {
    "date": "01-06-2020",
    "events": [
        {
            "title": "Group President",
            "id": "TpNY1SU_",
            "info": {
                "startDate": "01-06-2020"
            }
        }
    ]
},
"d01-07-2020": {
    "date": "01-07-2020",
    "events": [
        {
            "title": "TEST",
            "id": "cEpPxopz",
            "info": {
                "startDate": "01-07-2020"
            }
        },
        {
            "title": "Example",
            "id": "jnTMr_r7",
            "info": {
                "startDate": "01-07-2020"
            }
        }
    ]
},
}