본문 바로가기
Typescript

OR 논리 연산자 (||)를 이용하여 심플한 코드 짜기

by shinbian11 2022. 12. 10.

 

방법 1

 

// getAppleStr 함수는 parameter가 true라면 "apple" 문자열을 반환하는 함수라 가정

const appleOrBanana = getAppleStr(true) ? getAppleStr(true) : "banana";

 

- getAppleStr() 함수의 return 값이 true 라면, getAppleStr() 함수를 재호출하여 return 값을 appleOrBanana에 할당하고, false라면 "banana"를 할당합니다.

 

- getAppleStr()와 같은 기본적인 함수를 호출하는 것이 아니라, 시간이 오래 걸리는 작업을 호출하였을 땐 비효율적인 코드가 될 수 있습니다.

 

 

방법 2

 

// getAppleStr 함수는 parameter가 true라면 "apple" 문자열을 반환하는 함수라 가정

const appleResp = getAppleStr(true);
const appleOrBanana = appleResp ? appleResp : "banana";

 

- getAppleStr() 함수를 한번만 호출해서 return 값을 appleResp 변수에 할당시켜놓으면, 재호출을 할 필요가 없습니다.

 

 

방법 3

 

// getAppleStr 함수는 parameter가 true라면 "apple" 문자열을 반환하는 함수라 가정

const appleResp = getAppleStr(true);
Const lang = appleResp || "banana";

 

- || 연산자를 이용하여 방법 2의 코드를 조금 더 심플하게 만들 수 있습니다.

- || 연산자란?

    - 왼쪽의 피연산자가 Truthy한 경우, 왼쪽 피연산자 값을 반환합니다.

    - 왼쪽의 피연산자가 Falsy한 경우, 오른쪽 피연산자 값을 반환합니다.