Filter array and form new array

Question

Right now I have data like the below:

[ 
        { 
           "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"
        }
]

But I want to transform this array into an array like below:

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

I want to keep the integration names but remove all other properties from the items. How can I achieve this?

Please don't destroy the edits that people make to your question to make the code render well. — trincot
– trincot, Commented Dec 29, 2019 at 21:18

Shiny · Accepted Answer · 2019-12-29 21:19:12Z

3

You can simply .map() over your data, and return only the integration_name Key / Value using destructuring assignment

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);

edited Dec 29, 2019 at 21:19

answered Dec 29, 2019 at 21:16

Shiny

5,0953 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mr. Polywhirl Over a year ago

You can change the lambda to this: => ({integration_id})

Shiny Over a year ago

Thank you; also made me realise I had wrote the wrong key initially

mickl · Accepted Answer · 2019-12-29 21:17:32Z

1

You can use Array.map with Object destructuring

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);

answered Dec 29, 2019 at 21:17

mickl

50.1k9 gold badges71 silver badges99 bronze badges

Collectives™ on Stack Overflow

Filter array and form new array

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related