如何在angular中合并两个相同值的javascript对象？

let obj1 = { name: 'John', age: 30 };
let obj2 = { gender: 'male', age: 30 };

let mergedObj = Object.assign({}, obj1, obj2);
console.log(mergedObj);

{ name: 'John', age: 30, gender: 'male' }

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `<div>{{ mergedObj | json }}</div>`
})
export class ExampleComponent {
  mergedObj: any;

  constructor() {
    let obj1 = { name: 'John', age: 30 };
    let obj2 = { gender: 'male', age: 30 };

    this.mergedObj = Object.assign({}, obj1, obj2);
  }
}