[TypeScript] 유니온 타입, 인터섹션 타입 / | & / 유니온타입과 or연산 차이/ | ||

https://velog.io/@soulee__/TypeScript-Union-Type

[TypeScript] 유니온 타입과 인터섹션 타입 (Union Type & Intersection Type) #4

 

사용 목적이 전혀 다르지만 왜인지 모르게 볼 때 마다 헷갈리는 타입이다 

| : 유니온타입 (타입지정시 사용됨, 컴파일 하면 마찬자기로 사라짐)

& : 인터센션 타입 (타입지정시 사용됨, 여러 타입을 모두 만족하는 하나의 타입)

|| : 논리연산자  (실제 데이터를 연산하는데 사용

 

 

| 유니온 타입 

| 연산자를 이용하여 타입을 여러 개 연결하는 방식
타입을 여러개 연결, 변수의 자격을 정의함 
데이터 타입이 들어갈 수도, 인터페이스가 들어갈 수도 있음 

// score는 숫자(number)나 문자열(string)만 허용하겠다!
let score: number | string; 

score = 100;    // OK
score = "A+";   // OK
score = true;   // 🚨 에러! (boolean은 허용 안 함)

 

값을 연산할 때 | 를 사용하면 비트연산자로 작동함. 

 

 

 

& 인터섹션타입 

여러 개의 타입 정의를 하나로 합치는 방식을 인터섹션 타입 정의 방식

 

 

 

|| 논리 연산, OR연산과 비슷 

변수 값이 null, 0, "", undefined인 경우 오른쪽 값을 리턴하는 연산

let inputScore = 0;

// inputScore가 0(False)이니까 오른쪽 값 10을 선택해서 finalScore에 넣음
let finalScore = inputScore || 10; 

console.log(finalScore); // 결과: 10

null과 undefined만 걸러내고 싶은 경우 병합 연산자 (??)사용!!

[TypeScript, Python] null, undefined, None , ? / ?? 사용법 의미 , 병합연산자, 옵셔널 체이닝