[TS] TypeScript Exercises 5 해석 및 풀이

Intro

    Filtering requirements have grown. We need to be
    able to filter any kind of Persons.

 

필터링 요구사항이 늘었습니다. 이제 Person의 모든 종류를 구분해야합니다.

 

Exercise

    Fix typing for the filterPersons so that it can filter users
    and return User[] when personType='user' and return Admin[]
    when personType='admin'. Also filterPersons should accept
    partial User/Admin type according to the personType.
    `criteria` argument should behave according to the
    `personType` argument value. `type` field is not allowed in
    the `criteria` field.

 

personType이 user라면 User[]를, personType이 admin이면 Admin[]를 리턴할 수 있도록 filterPerson의 타입을 고쳐보세요. filterPerson은 personType에 따라 User/Admin 타입의 일부를 받아야합니다. criteria 인자는 personType 인자의 값에 따라 달라집니다. type 필드는 criteria 필드에 허용되지 않습니다.

 

Bonus

    Implement a function `getObjectKeys()` which returns more
    convenient result for any argument given, so that you don't
    need to cast it.

    let criteriaKeys = Object.keys(criteria) as (keyof User)[];
    -->
    let criteriaKeys = getObjectKeys(criteria);

 

캐스팅할 필요 없이 주어진 인자에 대한 결과를 더 편하게 리턴하는 getObjectKeys() 함수를 구현해보세요

 

Code

const getObjectKeys = <T>(criteria:T) =>  Object.keys(criteria) as (keyof T)[];

export function filterPersons(persons: Person[], personType: "user", criteria: Partial<User>): User[];
export function filterPersons(persons: Person[], personType: "admin", criteria: Partial<Admin>): Admin[];
export function filterPersons(persons: Person[], personType: string, criteria: Partial<Person>): Person[] {
    return persons
        .filter((person) => person.type === personType)
        .filter((person) => {
            let criteriaKeys = getObjectKeys(criteria);
            return criteriaKeys.every((fieldName) => {
                return person[fieldName] === criteria[fieldName];
            });
        });
}

문제에 나온대로 Object.keys(criteria) 부분은 getObjectKeys를 이용하여 따로 빼주었다.

criteria의 타입이 매번 달라지므로 제네릭을 이용했다

 

filterPersons가 Userm Admin Person 다양해서 당황스러웠는데 오버로딩으로 해결했다.

그냥 냅다 정의부터 해도 되는거였다.

 

From

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

TypeScript Exercises