[TS] TypeScript Exercises 3 해석 및 풀이

Intro

 

    Since we already have some of the additional
    information about our users, it's a good idea
    to output it in a nice way.

 

이미 유저의 추가적인 정보를 알고 있기 때문에, 멋진 방법으로 이를 표출하면 좋을 것 같다

 

Exercise

 

    Fix type errors in logPerson function.

    logPerson function should accept both User and Admin
    and should output relevant information according to
    the input: occupation for User and role for Admin.

 

logPerson 함수의 타입에러를 고치자

logPerson 함수는 User와 Admin을 둘 다 받아서 인풋과 연관된 정보를 반환해야한다 : User라면 occupation(직업), Admin이라면 role(역할)

 

Code

interface User {
    name: string;
    age: number;
    occupation: string;
}

interface Admin {
    name: string;
    age: number;
    role: string;
}

export type Person = User | Admin;

export const persons: Person[] = [
    {
        name: 'Max Mustermann',
        age: 25,
        occupation: 'Chimney sweep'
    },
    {
        name: 'Jane Doe',
        age: 32,
        role: 'Administrator'
    },
    {
        name: 'Kate Müller',
        age: 23,
        occupation: 'Astronaut'
    },
    {
        name: 'Bruce Willis',
        age: 64,
        role: 'World saver'
    }
];

export function logPerson(person: Person) {
    let additionalInformation: string;
    if ('role' in person) {
        additionalInformation = person.role;
    } else {
        additionalInformation = person.occupation;
    }
    console.log(` - ${person.name}, ${person.age}, ${additionalInformation}`);
}

persons.forEach(logPerson);

 

Link

https://typescript-exercises.github.io/#exercise=3&file=%2Findex.ts

TypeScript Exercises