[TS] Exercises5

exercises5

📌 Type 구조를 복제하지 않고 filterUsers 함수 정의를 수정하여 입력에 따라 필요한 전체 User 정보가 아닌 필요한 criteria만 전달해라.

interface User {
    type: 'user';
    name: string;
    age: number;
    occupation: string;
}

interface Admin {
    type: 'admin';
    name: string;
    age: number;
    role: string;
}

export type Person = User | Admin;

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

export const isAdmin = (person: Person): person is Admin => person.type === 'admin';
export const isUser = (person: Person): person is User => person.type === 'user';

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

export function filterUsers(persons: Person[], criteria: Partial<User>): User[] {
    return persons.filter(isUser).filter((user) => {
        const criteriaKeys = Object.keys(criteria) as (keyof User)[];
        return criteriaKeys.every((fieldName) => {
            return user[fieldName] === criteria[fieldName];
        });
    });
}

console.log('Users of age 23:');

filterUsers(
    persons,
    {
        age: 23
    }
).forEach(logPerson);

💡 User의 전체 속성이 아닌 필요한 속성만 가져올 수 있게 타입을 지정해준다.

타입스크립트의 유틸리티 타입의 Partial을 사용하면 가능하다.

 

❗️ '유틸리티 타입' 이란 무엇일까?

- 타입 변환을 더 쉽게 할 수 있게 한다.

- Partial<Type>은 Type의 모든 프로퍼티를 선택적으로 만드는 타입을 생성한다.

    - 주어진 타입의 모든 하위 타입 집합을 나타내는 타입을 반환한다.

    - Type의 모든 프로퍼티를 가지거나, 아무 프로퍼티도 갖지 않아도 에러를 발생시키지 않지만, Type의 프로퍼티가 아닌 프로퍼티를 가지면 에러를 발생시킨다.

- Required<Type>, Readonly<Type>, Record<Keys,Type> 등이 있다.