I have this 2 arrays that a HTTP response in Angular 2, I need to convert this two arrays in just another one that is test5, but I seem unable to sum them, any other ideas?
this.test3= this.http .get("adresssAPI1")
this.test4 = this.http .get("adressAPI2")
this.test5 = this.test 3 + this.test4
use Observable.combineLatest or Observable.forkJoin, see their differences here.
Observable.combineLatest(this.test3, this.test4);
Observable.forkJoin(this.test3, this.test4);
when you subscribe to Observable.combineLatest, you will get result like below:
[response3, response4]
and you can use Array.reduce to combine those two Observables' result
// combineLatest
Observable.combineLatest(this.test3, this.test4)
.subscribe(res => {
this.concatResult = res.reduce((pre, next) => {
return [].concat(pre.json().data, next.json().data);
})
});
// forkJoin
Observable.forkJoin(this.test3, this.test4)
.subscribe(res => {
this.concatResult = res.reduce((pre, next) => {
return [].concat(pre.json().data, next.json().data);
})
});
refer this plunker demo
forkJoin might be more suitable for http operations. Since combineLatest don't wait for observables to complete (leakage maybe?) AFAIK but not really sure if it would make a difference :-)
forJoin, let me learn it first. :PcombineLatest with caution since it seems to me that it's designed for more continuous stuff like websocket events/streams. Just wanted to point that out :-)