How to create new array using element of existing array?

Question

I am having JSON array in that one object contain many keyvaluepair records, but I want only few key records. how to create new array using keys?

array = [
{
 airlineName: "Airline 1",
 hotelName: "Hotel 1 ", 
 airportId: "456",
 checkInDate: "17 SEP 1998",
 bookingStatus: "B"
},
{
airlineName: "Airline 2",
 hotelName: "Hotel 1", 
 airportId: "123",
 checkInDate: "7 AUG 1998",
 bookingStatus: "P"
 }
]

I want array like this for some operation:

array = [
{
 airlineName: "Airline 1",
 hotelName: "Hotel 1 ", 
 bookingStatus: "B"
},
{
airlineName: "Airline 2",
 hotelName: "Hotel 1", 
 bookingStatus: "P"
 }
]

destructuring developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… — Shilly
– Shilly, Commented Sep 27, 2019 at 15:11
Possible duplicate of From an array of objects, extract value of a property as array — Igor
– Igor, Commented Sep 27, 2019 at 15:13

Adrita Sharma · Accepted Answer · 2019-09-27 15:22:18Z

1

Try like this:

var result = [];
this.array.forEach(item => {
  result.push({
    airlineName: item.airlineName,
    hotelName: item.hotelName,
    bookingStatus: item.bookingStatus
  });
});

Working Demo

edited Sep 27, 2019 at 15:22

answered Sep 27, 2019 at 15:12

Adrita Sharma

22.3k11 gold badges75 silver badges85 bronze badges

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

3 Comments

Igor Over a year ago

Isn't that just a truthy expression resulting in an array of booleans?

Axiome Over a year ago

Not the most elegant way of doing it but it is working

Adrita Sharma Over a year ago

@Exomus I agree :)

Axiome · Accepted Answer · 2019-09-27 15:26:54Z

1

Use map operator:

const newArray = this.array.map(element => {
    return {
      airlineName: element.airlineName,
      hotelName: element.hotelName,
      bookingStatus: element.bookingStatus
    };
  });

Stackblitz

edited Sep 27, 2019 at 15:26

answered Sep 27, 2019 at 15:20

Axiome

8451 gold badge6 silver badges19 bronze badges

Comments

Stano · Accepted Answer · 2019-09-27 15:31:02Z

0

Single line working solution:

this.array.map(x => ({airlineName: x.airlineName, hotelName: x.hotelName, bookingStatus: x.bookingStatus}))

edited Sep 27, 2019 at 15:31

answered Sep 27, 2019 at 15:25

Stano

864 bronze badges

Comments

mbojko · Accepted Answer · 2019-09-27 15:24:55Z

0

That's what map does.

const array = [{
    airlineName: "Airline 1",
    hotelName: "Hotel 1 ",
    airportId: "456",
    checkInDate: "17 SEP 1998",
    bookingStatus: "B"
  },
  {
    airlineName: "Airline 2",
    hotelName: "Hotel 1",
    airportId: "123",
    checkInDate: "7 AUG 1998",
    bookingStatus: "P"
  }
]


const pickValues = ({
  airlineName,
  hotelName,
  bookingStatus
}) => ({
  airlineName,
  hotelName,
  bookingStatus
});

console.log(array.map(pickValues));

answered Sep 27, 2019 at 15:24

mbojko

14.8k2 gold badges20 silver badges28 bronze badges

Collectives™ on Stack Overflow

How to create new array using element of existing array?

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related