javascript - 嵌套对象的解构数组别名

Question

我正在尝试重命名一个数组 (eventFetch) 中的一些对象并将它们传递到另一个数组 (mapEvents) 中。我正在尝试解构别名来执行此操作，但我正在尝试重命名嵌套对象，所以我认为这不是正确的方法。

这是 eventFetch 数组的示例:

 "events": [
        {
            "name": {
                "text": Event Name, 
                "html": null
            }, 
            "description": {
                "text": null, 
                "html": null
            }, 
            "id": "23412412", 
            "url": "https://www.eventbrite.com.au/e/eventname", 
            "start": {
                "timezone": "Australia/Sydney", 
                "local": "2016-05-28T19:00:00", 
                "utc": "2016-05-28T09:00:00Z"
            }, 
            "end": {
                "timezone": "Australia/Sydney", 
                "local": "2016-05-28T22:00:00", 
                "utc": "2016-05-28T12:00:00Z"
            }, 

我正在尝试的解构:

const mapEvents = eventFetch.map(({ name: title, start: start, end: 
end, url }) => ({ title, start, end, url }));

我想将 name.text 重命名为标题，而不仅仅是重命名 name

Answer 1

您可以通过以下方式解构它:

var eventMap = {
  "events": [{
    "name": {
      "text": "Event Name",
      "html": null
    },
    "description": {
      "text": null,
      "html": null
    },
    "id": "23412412",
    "url": "https://www.eventbrite.com.au/e/eventname",
    "start": {
      "timezone": "Australia/Sydney",
      "local": "2016-05-28T19:00:00",
      "utc": "2016-05-28T09:00:00Z"
    },
    "end": {
      "timezone": "Australia/Sydney",
      "local": "2016-05-28T22:00:00",
      "utc": "2016-05-28T12:00:00Z"
    }
  }]
};
const mapEvents = eventMap.events.map(({ name: {text:title, html}, start, end, url }) => ({ name:{title, html}, start, end, url }));
console.log(mapEvents);