TypeScript 연산자: 종류, 사용법, 예제
카테고리
프로그래밍/소프트웨어 개발
서브카테고리
웹 개발
대상자
- *대상자**: TypeScript 및 JavaScript 개발자
- *난이도**: 중급 이상 (타입스크립트의 타입 시스템과 연산자 사용법을 이해하는 개발자)
핵심 요약
- 타입스크립트 연산자 종류: 수학적(예:
+
,-
,*
,/
), 할당(=
), 비교(===
,!==
), 논리(&&
,||
), 비트(&
,|
), 조건(? :
), 타입 특화(typeof
,keyof
,as
) 등 7가지 주요 카테고리로 나뉨 - 타입 안전성 강조:
===
대신==
사용으로 타입 강제 변환 오류 예방,as
키워드로 타입 단언 시 안전한 변수 처리 - 실무 활용 팁:
keyof
로 객체 타입 키 추출,instanceof
로 클래스 인스턴스 확인 등 타입스크립트 고유 기능 활용
섹션별 세부 요약
1. 수학적 연산자
+
,-
,*
,/
,%
연산자로 수치 계산 수행++
,--
증감 연산자 사용 예:let a: number = 10; console.log(a++); // 10
- 예제:
let b: number = 3; console.log(a % b); // 1
2. 할당 연산자
=
,+=
,-=
,*=
등으로 변수에 값 할당- 예:
let score: number = 50; score += 10; // score = 60
3. 비교 연산자
==
(값 비교),===
(값 및 타입 비교) 차이점 강조- 예:
let x = 10, y = "10"; console.log(x === y); // false
4. 논리 연산자
&&
,||
,!
로 조건 결합 및 부정 처리- 예:
if (isLoggedIn && isAdmin) { ... }
5. 비트 연산자
&
,|
,^
,~
,<<
,>>
,>>>
로 32비트 이진수 조작- 주로 플래그 관리 및 비트마스크 처리에 활용
6. 조건 연산자
? :
로if...else
대체- 예:
let message = age >= 18 ? "Adult" : "Minor";
7. 타입 연산자
typeof
: 변수 타입 반환 (typeof value
)keyof
: 객체 타입 키 추출 (keyof Person
)instanceof
: 클래스 인스턴스 확인 (value instanceof Class
)as
: 타입 단언 (value as string
)
결론
- 타입스크립트 연산자 사용 팁:
===
대신==
사용으로 타입 강제 변환 오류 예방,keyof
로 타입 안전한 객체 키 추출,as
로 타입 단언 시 명시적 처리 - 핵심 원칙: 연산자 선택 시 타입스크립트의 타입 시스템을 고려해 코드 안정성과 가독성을 극대화해야 함