How do I use the data I get in JSON with a get request?

[Nathan Milota]

I am creating an application with Spring Boot and Angular.  I was able to do a get request to get data from the database, but it puts it into a JSON format when I get it.   How do I get those individual values and store them into objects?  

this.schoolService.getSchoolByUserName(this.username)    .subscribe(data=> console.log(data))

That's my typescript code.  The data it sends back looks like this....

{id: 1, schoolName: "Enrico Fermi High School", userName: "enfermi1", password: "dummy", students: Array(2)}

How do I take those individual items, such as schoolName, and store it into a typescript variable?  

[Ron McLeod]

If data is an object, wouldn't it just be something like this?:
this.schoolService.getSchoolByUserName(this.username)    .subscribe(data => {        const schoolName = data.schoolName;        console.log(schoolName);    });

[Nathan Milota]

Ron McLeod wrote:If data is an object, wouldn't it just be something like this?:
this.schoolService.getSchoolByUserName(this.username)    .subscribe(data => {        const schoolName = data.schoolName;        console.log(schoolName);    });

I get a compiler error when I do it this way, because it says, Property 'schoolName' does not exist on type 'Object'.

[Ron McLeod]

If you can define an interface for the fetched data, then you could use type assertion to override the compiler's understanding of what data is.
interface SchoolRecord {    id: number;    schoolName: string;    userName: string;    password: string;    students: Array<Object>; // not sure what this is };this.schoolService.getSchoolByUserName(this.username)    .subscribe(data => {        const school = data as SchoolRecord;        // OR  const school = <SchoolRecord>data;        console.log(school.schoolName);    });

[Ron McLeod]

I don't know the details of what you are doing, but it would be better to have your service return an instance of SchoolRecord so that don;t have to be concerned with it in your business logic.  

Something like this:
 getSchoolByUserName(username: string): Observable<SchoolRecord> {    const url = `${this.baseUri}/school/username/${username}`;    return this.http.get<SchoolRecord>(url);  }