堆棧內存溢出
  簡體   English   中英

將多個項目添加到數組

[英]Add multiple items to array

 原文  2018-02-08 08:59:35  0   2    javascript

問題描述

我正在嘗試通過api映射我的事件，並每天將每個事件添加到dots組中： 

 case "EVENTS_SUCCESS":
            const events = {};
            const dayEvents = [];
            action.data.events.map(event => {
                const {
                    year: startYear,
                    month: startMonth,
                    day: startDay,
                    hour: startHour,
                    minutes: startMinute
                } = event.start_date_details;
                const {
                    hour: endHour,
                    minutes: endMinute
                } = event.end_date_details;

                const startDate = `${startYear}-${startMonth}-${startDay}`;
                const startTime = `${startHour}-${startMinute}`;
                const endTime = `${endHour}-${endMinute}`;

                let newEvent = {
                    key: event.title,
                    name: event.title,
                    color: "blue",
                    selectedDotColor: "white",
                    categories: event.categories,
                    startTime: startTime,
                    endTime: endTime
                };

                events[startDate] = {
                    // add newEvent dots array if startdate is same day
                    dots: [newEvent],
                    disabled: false
                };
            });

            return {
                ...events
            };

所以我的數據將是： 

{
"16-3-2018": {
     dots: [{key: 'blah', title: 'blah' ...},
            {key: 'blah', title: 'blah' ...}]
     disabled: false
}
}

但是，我只能在dots組中獲得一個事件。 如何將同一天的多個事件插入數組？

樣本json： 

{
   "events":[
      {
         "id":516,
         "global_id":"wordpress.rguc.co.uk?id=516",
         "global_id_lineage":[
            "wordpress.rguc.co.uk?id=516"
         ],
         "author":"2",
         "status":"publish",
         "date":"2017-12-14 12:00:37",
         "date_utc":"2017-12-14 12:00:37",
         "modified":"2018-01-24 15:16:25",
         "modified_utc":"2018-01-24 15:16:25",
         "url":"http:\/\/wordpress.rguc.co.uk\/event\/test-event\/",
         "rest_url":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/events\/516",
         "title":"testevent",
         "description":"<p>RG media team meetiNg to discuss anything and everything<\/p>",
         "excerpt":"",
         "image":false,
         "all_day":false,
         "start_date":"2018-02-14 08:00:00",
         "start_date_details":{
            "year":"2018",
            "month":"02",
            "day":"14",
            "hour":"08",
            "minutes":"00",
            "seconds":"00"
         },
         "end_date":"2018-04-24 17:00:00",
         "end_date_details":{
            "year":"2018",
            "month":"04",
            "day":"24",
            "hour":"17",
            "minutes":"00",
            "seconds":"00"
         },
         "utc_start_date":"2018-02-14 08:00:00",
         "utc_start_date_details":{
            "year":"2018",
            "month":"02",
            "day":"14",
            "hour":"08",
            "minutes":"00",
            "seconds":"00"
         },
         "utc_end_date":"2018-04-24 16:00:00",
         "utc_end_date_details":{
            "year":"2018",
            "month":"04",
            "day":"24",
            "hour":"16",
            "minutes":"00",
            "seconds":"00"
         },
         "timezone":"Europe\/London",
         "timezone_abbr":"GMT",
         "cost":"",
         "cost_details":{
            "currency_symbol":"",
            "currency_position":"prefix",
            "values":[

            ]
         },
         "website":"",
         "show_map":true,
         "show_map_link":true,
         "hide_from_listings":false,
         "sticky":false,
         "featured":false,
         "categories":[
            {
               "name":"firm1",
               "slug":"firm1",
               "term_group":0,
               "term_taxonomy_id":59,
               "taxonomy":"tribe_events_cat",
               "description":"",
               "parent":60,
               "count":4,
               "filter":"raw",
               "id":59,
               "urls":{
                  "self":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/59",
                  "collection":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories",
                  "up":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/60"
               }
            },
            {
               "name":"year 1",
               "slug":"year-1",
               "term_group":0,
               "term_taxonomy_id":60,
               "taxonomy":"tribe_events_cat",
               "description":"",
               "parent":0,
               "count":3,
               "filter":"raw",
               "id":60,
               "urls":{
                  "self":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/60",
                  "collection":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories"
               }
            }
         ],
         "tags":[
            {
               "name":"tester",
               "slug":"tester",
               "term_group":0,
               "term_taxonomy_id":57,
               "taxonomy":"post_tag",
               "description":"",
               "parent":0,
               "count":1,
               "filter":"raw",
               "id":57,
               "urls":{
                  "self":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/tags\/57",
                  "collection":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/tags"
               }
            }
         ],
         "venue":{
            "id":542,
            "author":"2",
            "status":"publish",
            "date":"2018-01-24 15:16:25",
            "date_utc":"2018-01-24 15:16:25",
            "modified":"2018-01-24 15:16:25",
            "modified_utc":"2018-01-24 15:16:25",
            "url":"http:\/\/wordpress.rguc.co.uk\/venue\/medical-photography\/",
            "venue":"Medical Photography",
            "show_map":true,
            "show_map_link":true,
            "global_id":"wordpress.rguc.co.uk?id=542",
            "global_id_lineage":[
               "wordpress.rguc.co.uk?id=542"
            ]
         },
         "organizer":[

         ]
      },
      {
         "id":538,
         "global_id":"wordpress.rguc.co.uk?id=538",
         "global_id_lineage":[
            "wordpress.rguc.co.uk?id=538"
         ],
         "author":"2",
         "status":"publish",
         "date":"2018-01-21 16:36:32",
         "date_utc":"2018-01-21 16:36:32",
         "modified":"2018-01-21 16:40:13",
         "modified_utc":"2018-01-21 16:40:13",
         "url":"http:\/\/wordpress.rguc.co.uk\/event\/testing-again\/",
         "rest_url":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/events\/538",
         "title":"testing again",
         "description":"",
         "excerpt":"",
         "image":false,
         "all_day":false,
         "start_date":"2018-02-14 08:00:00",
         "start_date_details":{
            "year":"2018",
            "month":"02",
            "day":"14",
            "hour":"08",
            "minutes":"00",
            "seconds":"00"
         },
         "end_date":"2018-02-14 17:00:00",
         "end_date_details":{
            "year":"2018",
            "month":"02",
            "day":"14",
            "hour":"17",
            "minutes":"00",
            "seconds":"00"
         },
         "utc_start_date":"2018-02-14 08:00:00",
         "utc_start_date_details":{
            "year":"2018",
            "month":"02",
            "day":"14",
            "hour":"08",
            "minutes":"00",
            "seconds":"00"
         },
         "utc_end_date":"2018-02-14 17:00:00",
         "utc_end_date_details":{
            "year":"2018",
            "month":"02",
            "day":"14",
            "hour":"17",
            "minutes":"00",
            "seconds":"00"
         },
         "timezone":"Europe\/London",
         "timezone_abbr":"GMT",
         "cost":"",
         "cost_details":{
            "currency_symbol":"",
            "currency_position":"prefix",
            "values":[

            ]
         },
         "website":"",
         "show_map":true,
         "show_map_link":true,
         "hide_from_listings":false,
         "sticky":false,
         "featured":false,
         "categories":[
            {
               "name":"firm1",
               "slug":"firm1",
               "term_group":0,
               "term_taxonomy_id":59,
               "taxonomy":"tribe_events_cat",
               "description":"",
               "parent":60,
               "count":4,
               "filter":"raw",
               "id":59,
               "urls":{
                  "self":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/59",
                  "collection":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories",
                  "up":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/60"
               }
            },
            {
               "name":"year 1",
               "slug":"year-1",
               "term_group":0,
               "term_taxonomy_id":60,
               "taxonomy":"tribe_events_cat",
               "description":"",
               "parent":0,
               "count":3,
               "filter":"raw",
               "id":60,
               "urls":{
                  "self":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/60",
                  "collection":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories"
               }
            }
         ],
         "tags":[

         ],
         "venue":[

         ],
         "organizer":[

         ]
      },
      {
         "id":544,
         "global_id":"wordpress.rguc.co.uk?id=544",
         "global_id_lineage":[
            "wordpress.rguc.co.uk?id=544"
         ],
         "author":"2",
         "status":"publish",
         "date":"2018-02-07 10:20:19",
         "date_utc":"2018-02-07 10:20:19",
         "modified":"2018-02-07 10:20:49",
         "modified_utc":"2018-02-07 10:20:49",
         "url":"http:\/\/wordpress.rguc.co.uk\/event\/matts-birthday\/",
         "rest_url":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/events\/544",
         "title":"matts birthday",
         "description":"<p>matts birthday<\/p>",
         "excerpt":"",
         "image":false,
         "all_day":false,
         "start_date":"2018-03-16 08:00:00",
         "start_date_details":{
            "year":"2018",
            "month":"03",
            "day":"16",
            "hour":"08",
            "minutes":"00",
            "seconds":"00"
         },
         "end_date":"2018-03-16 17:00:00",
         "end_date_details":{
            "year":"2018",
            "month":"03",
            "day":"16",
            "hour":"17",
            "minutes":"00",
            "seconds":"00"
         },
         "utc_start_date":"2018-03-16 08:00:00",
         "utc_start_date_details":{
            "year":"2018",
            "month":"03",
            "day":"16",
            "hour":"08",
            "minutes":"00",
            "seconds":"00"
         },
         "utc_end_date":"2018-03-16 17:00:00",
         "utc_end_date_details":{
            "year":"2018",
            "month":"03",
            "day":"16",
            "hour":"17",
            "minutes":"00",
            "seconds":"00"
         },
         "timezone":"Europe\/London",
         "timezone_abbr":"GMT",
         "cost":"",
         "cost_details":{
            "currency_symbol":"",
            "currency_position":"prefix",
            "values":[

            ]
         },
         "website":"",
         "show_map":true,
         "show_map_link":true,
         "hide_from_listings":false,
         "sticky":false,
         "featured":false,
         "categories":[
            {
               "name":"firm1",
               "slug":"firm1",
               "term_group":0,
               "term_taxonomy_id":59,
               "taxonomy":"tribe_events_cat",
               "description":"",
               "parent":60,
               "count":4,
               "filter":"raw",
               "id":59,
               "urls":{
                  "self":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/59",
                  "collection":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories",
                  "up":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/60"
               }
            },
            {
               "name":"year 1",
               "slug":"year-1",
               "term_group":0,
               "term_taxonomy_id":60,
               "taxonomy":"tribe_events_cat",
               "description":"",
               "parent":0,
               "count":3,
               "filter":"raw",
               "id":60,
               "urls":{
                  "self":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories\/60",
                  "collection":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/categories"
               }
            }
         ],
         "tags":[

         ],
         "venue":[

         ],
         "organizer":[

         ]
      }
   ],
   "rest_url":"http:\/\/wordpress.rguc.co.uk\/wp-json\/tribe\/events\/v1\/events\/?page=1&per_page=10&start_date=2018-02-07 23:59:00&end_date=2020-02-08 08:56:30",
   "total":"3",
   "total_pages":1
}

2 個解決方案

解決方案1
 0 已采納  2018-02-08 09:08:31

那是因為您每次都覆蓋它。
請嘗試以下操作： 

//...
events[startDate] = events[startDate] || {dots: []};

events[startDate] = {
  // add newEvent dots array if startdate is same day
  dots: [...events[startDate].dots, newEvent],
  disabled: false
};
//...

解決方案2
 0  2018-02-08 09:25:33

通過將事件推送到點數組來添加事件： 

events[startDate].dots.push(newEvent);

如果直接訪問點屬性，則必須在創建事件[startDate]時對其進行初始化。 喜歡： 

if (!events[startDate]) {
    events[startDate] = {dots: [], disabled = false}
}

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何將多個數組項添加為 HTML 內容？ 如何使用 reactjs 將多個項目添加到數組 如何將多個數組中的項目添加到另一個數組中？ 如何切換添加刪除數組中同一位置的多個項目？ 在AngularJS（ngRepeat）的多個項目數組中添加上一個/下一個按鈕 如何過濾數組中的多個項目並添加到 object？ 將項目添加到對象中的數組 在JavaScript中添加數組項 選擇數組中的多個項目 具有多個項目的JavaScript數組
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM