타입 확정하기 Narrowing & Assertion

1. Type Narrowing

• if문 등으로 타입을 하나로 정해주는 것을 뜻한다.
• 어떤 변수가 타입이 아직 불확실하면 if문 등으로 Narrowing 해줘야 조작가능

2. Type Assertion

• as 키워드 사용시 특징
  • as 키워드는 union type 같은 복잡한 타입을 하나의 정확한 타입으로 줄이는 역할을 수행
  • 실은 그냥 타입실드 임시 해제용. 실제 코드 실행결과는 as 있을 때나 없을 때나 거의 동일
• as 문법 용도
  • 왜 타입에러가 나는지 정말 모르겠는 상황에 임시로 에러해결용
  • 내가 어떤 타입이 들어올지 정말 확실하게 알고 있는데 컴파일러 에러가 방해할 때

숙제 1) 숫자여러개를 array 자료에 저장해놨는데
가끔 '4', '5' 이런 식의 문자타입의 숫자가 발견되고 있습니다.
이걸 클리닝해주는 함수가 필요합니다.
클리닝함수( ['1', 2, '3'] ) 이렇게 숫자와 문자가 섞인 array를 입력하면
[1,2,3] 이렇게 숫자로 깔끔하게 변환되어 나오는 클리닝함수를 만들어오고 타입지정까지 확실히 해보십시오.

function test7(x :(number | string)[]) {
    let arr :number[] = [];
    x.forEach((el) => {
        if(typeof el === "string"){
            arr.push(Number(el))
        } else {
            arr.push(el)
        }
    });
    return arr
}

숙제 2) 다음과 같은 함수를 만들어보십시오.

let 철수쌤 = { subject : 'math' }
let 영희쌤 = { subject : ['science', 'english'] }
let 민수쌤 = { subject : ['science', 'art', 'korean'] }

지금 여러 변수에 선생님이 가르치고 있는 과목이 저장이 되어있습니다.
과목 1개만 가르치는 쌤들은 문자 하나로 과목이 저장이 되어있고
과목 2개 이상 가르치는 쌤들은 array 자료로 과목들이 저장되어있습니다.
철수쌤같은 선생님 object 자료를 집어넣으면
그 선생님이 가르치고 있는 과목중 맨 뒤의 1개를 return 해주는 함수를 만들어봅시다.
그리고 타입지정도 엄격하게 해보도록 합시다.

function test8(x: {subject : string | string[]}) {
    if(typeof x.subject === "string"){
        return x.subject
    }else if(Array.isArray(x.subject)){
        return x.subject[x.subject.length-1]
    }else {
        return "err"
    }
}