Angular2,Typescript:How to push array of objects into another array of objects with only a few fields of the object

Question

I know how to operate on array of objects but never had the necessity to push one array data into another. I need to push an array of objects into another array with only 2 fields of the object. Right now my object format is somewhat like this

data: [{
        "name": "Btech",
        "courseid": "1",
        "courserating": 5,
        "points": "100",
        "type": "computers"
    },
   {
        "name": "BCom",
        "courseid": "2",
        "courserating": 5,
        "points": "100",
        "type": "computers"
    }];

I want to push this into another array but I want only courseid and name in the object. I've read that we need to initialise the object in the constructor, use slice() and a few other functions and then push but I don't know how can I do it for mine since I need to push one array data into another.Kindly someone help me in this regard.

Supposing other is the other array, you can do it: data.map(item => { return { courseid: item.courseid, name: item.name } }).forEach(item => other.push(item)); — Diullei
– Diullei, Commented Apr 6, 2017 at 16:36

JB Nizet · Accepted Answer · 2017-04-06 16:37:45Z

22

You're looking for the array map() method:

const newArray = array.map(o => {
  return { name: o.name, courseid: o.courseid };
});

answered Apr 6, 2017 at 16:37

JB Nizet

694k94 gold badges1.3k silver badges1.3k bronze badges

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

Comments

Diullei · Accepted Answer · 2017-04-06 16:44:45Z

12

Try this:

let data = [{
    "name": "Btech",
    "courseid": "1",
    "courserating": 5,
    "points": "100",
    "type": "computers"
},
{
    "name": "BCom",
    "courseid": "2",
    "courserating": 5,
    "points": "100",
    "type": "computers"
}];

let other = []; // your other array...

data.map(item => {
    return {
        courseid: item.courseid,
        name: item.name
    }
}).forEach(item => other.push(item));

console.log(JSON.stringify(other))
// => [{"courseid":"1","name":"Btech"},{"courseid":"2","name":"BCom"}]

edited Apr 6, 2017 at 16:44

answered Apr 6, 2017 at 16:39

Diullei

12.5k2 gold badges30 silver badges32 bronze badges

1 Comment

Impromptu_Coder Over a year ago

Thanks a lot. It worked.Could you tell me how can deepcopy or clone an array in typescript ?

isuruAb · Accepted Answer · 2017-04-06 17:32:17Z

5

You can simply do it like this.

//assign your array of object to variable

var youArray:Array<any>= [{
    "name": "Btech",
    "courseid": "1",
    "courserating": 5,
    "points": "100",
    "type": "computers"
},
{
    "name": "BCom",
    "courseid": "2",
    "courserating": 5,
    "points": "100",
    "type": "computers"
}];

var resultArray:Array<any>=[] //empty array which we are going to push our selected items, always define types 

youArray.forEach(i=>{ 
   resultArray.push(
   {
    "name":i.name,
    "courseid":i.courseid
   });
});

console.log(resultArray)

if you still have doubts about this.please follow this url

answered Apr 6, 2017 at 17:32

isuruAb

2,2405 gold badges28 silver badges39 bronze badges

2 Comments

Impromptu_Coder Over a year ago

Could you tell me how to deepcopy or clone an array in typescript ?

isuruAb Over a year ago

@Impromptu_Coder did u see this. stackoverflow.com/questions/35504310/…

Kofi Sammie · Accepted Answer · 2017-08-25 12:01:16Z

0

Map to a returning JSON data, subscribe it to an existing array or an empty one. #typescript

  let pictimeline= []; 
    var timeline = this.picService.fetchtimeline(this.limit)


.map((data : Response) => data.json())
    .subscribe(pictimeline=> this.pictimeline = pictimeline);


console.log(this.pictimeline);

answered Aug 25, 2017 at 12:01

Kofi Sammie

3,7071 gold badge19 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular2,Typescript:How to push array of objects into another array of objects with only a few fields of the object

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related