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

You could use [`Array.Map`](https://www.w3schools.com/jsref/jsref_map.asp) — Igor, Sep 27 '19 at 15:09
destructuring https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment — Shilly, Sep 27 '19 at 15:11
Possible duplicate of [From an array of objects, extract value of a property as array](https://stackoverflow.com/questions/19590865/from-an-array-of-objects-extract-value-of-a-property-as-array) — Igor, Sep 27 '19 at 15:13

Adrita Sharma · Answer 1 · 2019-09-27T15:22:18.700

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 '19 at 15:22

answered Sep 27 '19 at 15:12

Adrita Sharma

21,581
10
69
79

Isn't that just a truthy expression resulting in an array of booleans? – Igor Sep 27 '19 at 15:13
Not the most elegant way of doing it but it is working – Axiome Sep 27 '19 at 15:32
1

@Exomus I agree :) – Adrita Sharma Sep 27 '19 at 15:37

Axiome · Answer 2 · 2019-09-27T15:26:54.170

1

Use map operator:

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

Stackblitz

edited Sep 27 '19 at 15:26

answered Sep 27 '19 at 15:20

Axiome

695
5
18

score 0 · Answer 3 · answered Sep 27 '19 at 15:24

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

Stano · Accepted Answer · 2019-09-27T15:31:02.047

0

Single line working solution:

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

edited Sep 27 '19 at 15:31

answered Sep 27 '19 at 15:25

Stano

86
4

How to create new array using element of existing array?

4 Answers4