How to get values from json object array and add to another array in angular

Question

I have Following json object :

var arr =[{ 0:M: "LED" id: 1
mtype: "KIOSK PACKAGE"
part_fees: 200
tb_bid_upins: 1
tech_bid_flag: 0
tot_media: 0
type: "Road Stretch"
upin: "AMCADVT1415C0123"
upin_id: "2"
}, { 1:M: "LED"
id: 1
mtype: "KIOSK PACKAGE"
part_fees: 200
tb_bid_upins: 1
tech_bid_flag: 0
tot_media: 0
type: "Road Stretch"
upin: "AMCADVT1415C0123"
upin_id: "2" }]

Now it has two values,but it can have multiple value because it is fetch from database. From this json i wnat to pick values with key upin,mtype,land and add to another array.

I have tried following

for(let item of data){
    // this.console.log(item)
     this.upins = item.upin;
     this.console.log(this.upins);
    }
this.console.log(this.upins);```

It shows last index value

I want result as follows

var arr = [{
upins: abc,
mtyp:xyz,
land:123
},{
upins:123,
mtype:pqr,
land:555
}]

Sampgun · Accepted Answer · 2019-06-26 13:57:28Z

2

Assuming data as array you should insert data in a new empty array.

const arr = [];

// extract upin, mtype, land from the original array
for (let item of data) {
  arr.push({
    upin: item.upin,
    mtype: item.mtype,
    land: item.land
  });
}

// OR

const arr = data.map((item) => {
  return {
    upin: item.upin,
    mtype: item.mtype,
    land: item.land
  };
});

edited Jun 26, 2019 at 13:57

answered Jun 26, 2019 at 13:38

Sampgun

3,0323 gold badges23 silver badges39 bronze badges

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

1 Comment

Sampgun Over a year ago

@sang glad to hear that! If you need further help let me know!

Hien Nguyen · Accepted Answer · 2019-06-26 14:09:14Z

1

You can use map and destructing method for your requirement, you can include what properties you need. I did not see land property in your data.

const result = arr.map(({ upin, mtype }) => ({
  upin, mtype
}));

var arr =[{ id: 1,
mtype: "KIOSK PACKAGE",
part_fees: 200,
tb_bid_upins: 1,
tech_bid_flag: 0,
tot_media: 0,
type: "Road Stretch",
upin: "AMCADVT1415C0123",
upin_id: "2"
}, { 
id: 1,
mtype: "KIOSK PACKAGE",
part_fees: 200,
tb_bid_upins: 1,
tech_bid_flag: 0,
tot_media: 0,
type: "Road Stretch",
upin: "AMCADVT1415C0123",
upin_id: "2" }]

const result = arr.map(({ upin, mtype }) => ({
  upin, mtype
}));

console.log(result);

answered Jun 26, 2019 at 14:09

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

1 Comment

sangRam Over a year ago

Thank You for your answer.. it is aslo right but i used @sampgun's answer

ysf · Accepted Answer · 2019-06-26 13:41:35Z

0

this is pure javascript and it has nothing to do with angular. you can use map function to transform arrays.

const arr2 = this.arr.map(el => ({upins: el.upins, mtyp: el.mtyp, land: el.land}));

answered Jun 26, 2019 at 13:41

ysf

4,9023 gold badges31 silver badges32 bronze badges

Comments

Serhiy · Accepted Answer · 2019-06-26 13:42:37Z

0

The first answer is right. I only want to add that you can use map method for same goal. It's more comfortable for me:

const newData = data.map(x => {
    return {
        upin: x.upin,
        mtype: x.mtype,
        land: x.land
    };
});

Map will check each element in the array and return new object based on element properties.

answered Jun 26, 2019 at 13:42

Serhiy

3691 silver badge7 bronze badges

1 Comment

sangRam Over a year ago

Thank You for your answer.. it is aslo right but i used @sampgun's answer

Collectives™ on Stack Overflow

How to get values from json object array and add to another array in angular

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related