[typescript] 조건문을 활용한 값의 변환 방법

08 Dec 2023

typescript

TypeScript는 조건문을 활용하여 값의 변환을 간단하게 처리할 수 있는 강력한 기능을 제공합니다. 이러한 기능을 활용하면 코드를 더욱 효율적으로 만들 수 있으며, 가독성을 향상시킬 수 있습니다.

이번에는 TypeScript에서 조건문을 활용하여 값의 변환을 하는 방법에 대해 알아보겠습니다.

1. if 문을 활용한 값의 변환

가장 기본적인 형태의 조건문으로 if 문을 활용하여 값의 변환을 할 수 있습니다. 아래 예제를 통해 확인해 봅시다.

function checkStatus(status: boolean): string {
    if (status) {
        return "활성화";
    } else {
        return "비활성화";
    }
}

console.log(checkStatus(true)); // 출력: 활성화
console.log(checkStatus(false)); // 출력: 비활성화

위의 예제에서는 status 매개변수의 값에 따라 “활성화” 또는 “비활성화”를 반환하도록 if 문을 활용하여 값의 변환을 하였습니다.

2. 삼항 연산자를 활용한 값의 변환

삼항 연산자를 활용하여 간단하고 간결하게 값의 변환을 할 수 있습니다. 다음 예제를 통해 확인해 봅시다.

function checkStatus(status: boolean): string {
    return status ? "활성화" : "비활성화";
}

console.log(checkStatus(true)); // 출력: 활성화
console.log(checkStatus(false)); // 출력: 비활성화

위의 예제에서는 삼항 연산자를 활용하여 if 문을 대체하여 값의 변환을 하였습니다.

3. switch 문을 활용한 값의 변환

여러 가지 경우의 수에 따라 값의 변환이 필요한 경우 switch 문을 활용하여 처리할 수 있습니다. 다음 예제를 통해 확인해 봅시다.

function checkStatus(status: string): string {
    switch (status) {
        case "active":
            return "활성화";
        case "inactive":
            return "비활성화";
        default:
            return "알 수 없음";
    }
}

console.log(checkStatus("active")); // 출력: 활성화
console.log(checkStatus("inactive")); // 출력: 비활성화
console.log(checkStatus("unknown")); // 출력: 알 수 없음

위의 예제에서는 switch 문을 활용하여 status 값에 따라 다양한 경우를 처리하여 값을 반환하도록 하였습니다.

조건문을 활용한 값의 변환을 통해 코드를 간결하게 작성할 수 있으며, 가독성을 향상시킬 수 있습니다.

이상으로 TypeScript에서 조건문을 활용하여 값의 변환하는 방법에 대해 알아보았습니다. 감사합니다.

참고 문서: TypeScript 공식 문서 - 조건문