merge two object arrays with Angular 2 and TypeScript

Question

I have gone across the JavaScript questions on this topic  this question is specifically about Angular2 with TypeScript   What I am trying to do is to concatenate the json objects to an array   My code looks something like this   public results        public getResults        this  service get search results this  slug  this  next  subscribe              data   gt                    this results concat data results                   this  next   data next                             err   gt                    console log err                                How can I concatenate data results to this results with typescript and  angular   this  slug and this  next are set on class   thanks

User · Answer

Assume i have two arrays  The first one has student details and the student marks details  Both arrays have the common key  that is    studentId     let studentDetails         studentId  1  studentName   Sathish   gender   Male   age  15        studentId  2  studentName   kumar   gender   Male   age  16        studentId  3  studentName   Roja   gender   Female   age  15       studentId  4  studentName   Nayanthara   gender   Female   age  16       let studentMark         studentId  1  mark1  80  mark2  90  mark3  100        studentId  2  mark1  80  mark2  90  mark3  100        studentId  3  mark1  80  mark2  90  mark3  100        studentId  4  mark1  80  mark2  90  mark3  100         I want to merge the two arrays based on the key    studentId     I have created a function to merge the two arrays   const mergeById    array1  array2    gt      array1 map itm   gt              array2 find  item    gt   item studentId     itm studentId   amp  amp  item            itm            here is the code to get the final result  let result   mergeById studentDetails  studentMark       quot studentId quot  1  quot mark1 quot  80  quot mark2 quot  90  quot mark3 quot  100  quot studentName quot   quot Sathish quot   quot gender quot   quot Male quot   quot age quot  15    quot studentId quot  2  quot mark1 quot  80  quot mark2 quot  90  quot mark3 quot  100  quot studentName quot   quot kumar quot   quot gender quot   quot Male quot   quot age quot  16    quot studentId quot  3  quot mark1 quot  80  quot mark2 quot  90  quot mark3 quot  100  quot studentName quot   quot Roja quot   quot gender quot   quot Female quot   quot age quot  15    quot studentId quot  4  quot mark1 quot  80  quot mark2 quot  90  quot mark3 quot  100  quot studentName quot   quot Nayanthara quot   quot gender quot   quot Female quot   quot age quot  16

User · Answer

With angular 6 spread operator and concat not work  You can resolve it easy   result push    data

User · Answer

You can also use the form recommended by ES6   data   gt      this results            this results      data results         this  next   data next       This works if you initialize your array first  public results         otherwise replace    this results  by    this results   this results         Hope this helps

User · Answer

try this   data   gt                    this results       this results     data results                   this  next   data next

User · Answer

I think that you should use rather the following   data   gt      this results   this results concat data results     this  next   data next       From the concat doc      The concat   method returns a new array comprised of the array on which it is called joined with the array s  and or value s  provided as arguments

User · Answer

The spread operator is kinda cool   this results        this results     data results          The spread operator allows you to easily place an expanded version of an array into another array    You can read about spread operator here

[arrays] merge two object arrays with Angular 2 and TypeScript?

Examples related to arrays

Examples related to typescript

Examples related to angular