How do I get each values from a object on a formBuilder?

Appflow
1

In my ts file , I have this loginForm object which binds username and password values .I need to get the each values of username and password values in function post()

constructor(public formBuilder: FormBuilder) {

this.loginForm = formBuilder.group({
  username: [''],
  password: ['']

});
}
post(){
console.log(this.loginForm.value); // here it gives–> Object password: "test"username: "test"proto: Object I need to get username and password values here seperately
}

2 
this.loginForm.value.username

Or

this.loginForm.controls[‘username’].value
3