筛选数组并形成新数组

Question

现在我有如下数据：

[ 
        { 
           "integration_id":7,
           "campaign_id":4,
           "integration_name":"unbounce",
           "url_string":"23432fsaf",
           "created_at":"2019-12-23 21:05:45",
           "updated_at":"2019-12-23 21:05:45"
        },
        { 
           "integration_id":37,
           "campaign_id":4,
           "integration_name":"clickfunnels",
           "url_string":"yttzbe9rwd",
           "created_at":"2019-12-27 19:19:02",
           "updated_at":"2019-12-27 19:19:02"
        },
        { 
           "integration_id":47,
           "campaign_id":4,
           "integration_name":"instapage",
           "url_string":"vaqcjq8iy2",
           "created_at":"2019-12-29 16:52:01",
           "updated_at":"2019-12-29 16:52:01"
        }
]

但我想将此数组转换为如下所示的数组：

[
        { 
           "integration_name":"unbounce",
        },
        { 
           "integration_name":"clickfunnels",          
        },
        {  
           "integration_name":"instapage",            
        }
 ]

我想保留集成名称，但从项目中删除所有其他属性。我如何才能做到这一点？

Answer 1

您可以简单地对数据执行.map()操作，并使用destructuring assignment仅返回integration_name键/值

​

const data = [{
    "integration_id": 7,
    "campaign_id": 4,
    "integration_name": "unbounce",
    "url_string": "23432fsaf",
    "created_at": "2019-12-23 21:05:45",
    "updated_at": "2019-12-23 21:05:45"
  },
  {
    "integration_id": 37,
    "campaign_id": 4,
    "integration_name": "clickfunnels",
    "url_string": "yttzbe9rwd",
    "created_at": "2019-12-27 19:19:02",
    "updated_at": "2019-12-27 19:19:02"
  },
  {
    "integration_id": 47,
    "campaign_id": 4,
    "integration_name": "instapage",
    "url_string": "vaqcjq8iy2",
    "created_at": "2019-12-29 16:52:01",
    "updated_at": "2019-12-29 16:52:01"
  }
];

let newArray = data.map(({integration_name}) => ({integration_name}));

console.log(newArray);

​

Answer 2

您可以在Object destructuring中使用Array.map

​

let input = [{ "integration_id":7, "campaign_id":4, "integration_name":"unbounce", "url_string":"23432fsaf", "created_at":"2019-12-23 21:05:45", "updated_at":"2019-12-23 21:05:45" }, { "integration_id":37, "campaign_id":4, "integration_name":"clickfunnels", "url_string":"yttzbe9rwd", "created_at":"2019-12-27 19:19:02", "updated_at":"2019-12-27 19:19:02" }, { "integration_id":47, "campaign_id":4, "integration_name":"instapage", "url_string":"vaqcjq8iy2", "created_at":"2019-12-29 16:52:01", "updated_at":"2019-12-29 16:52:01" }]

let result = input.map(({integration_name}) => ({integration_name}));

console.log(result);

​