본문으로 건너뛰기

[TypeScript] && 와 || 연산자

  author: Dev.ian
  createdAt: 2021-10-13
  updatedAt: 2021-10-13

&&와 || 연산자는 두 피연산자 중 하나의 값 을 반환한다.

L-OperandTrueFalse
&&R-Operand 값L-Operand 값
||L-Operand 값R-Operand 값

(※ L-Operand: 왼쪽 피연산자, R-Operand: 오른쪽 피연산자)

  • && 는 True를 기준으로 오른쪽 피연산자의 값을 반환
  • || 는 False를 기준으로 오른쪽 피연산자의 값을 반환

Logical AND(&&) 연산자​

  • 왼쪽의 피연산자(L-Operand)가 True(참)인 경우, 오른쪽 피연산자(R-Operand) 값을 반환한다.

      const val: string = `VALUE TEST`;
      const isExist: boolean = true;
      console.log(`${isExist && val}`);
      [Result]
        VALUE TEST

  • 왼쪽의 피연산자(L-Operand)가 False(거짓)인 경우, 왼쪽 피연산자 값을 반환한다.

      const val: string = `VALUE TEST`;
      const isExist: boolean = false;
      console.log(`${isExist && val}`);
      [Result]
        false

Logical OR(||) 연산자​

  • 왼쪽의 피연산자(L-Operand)가 True 인 경우, 왼쪽 피연산자 값을 반환

      const val: string = `VALUE TEST`;
      const isExist: boolean = true;
      console.log(`${isExist || val}`);
      [Result]
        true

  • 왼쪽의 피연산자(L-Operand)가 False 인 경우, 오른쪽 피연산자(R-Operand) 값을 반환한다.

      const val: string = `VALUE TEST`;
      const isExist: boolean = false;
      console.log(`${isExist || val}`);
      [Result]
        VALUE TEST

False에 해당하는 데이터​

  • 숫자(number): 0

      const zeroNum: number = 0;
      console.log(`Zero Number - Boolean: ${zeroNum ? 'TRUE' : 'FALSE'}`);

      const pNum: number = 1;
      console.log(`Number - Boolean: ${pNum ? 'TRUE' : 'FALSE'}`);

      const minuNum: number = 1;
      console.log(`Minus Number - Boolean: ${minuNum ? 'TRUE' : 'FALSE'}`);
      [Result]
        Zero Number - Boolean: FALSE
        Number - Boolean: TRUE
        Minus Number - Boolean: TRUE

  • 문자열(string): 빈 문자열(길이가 0인 문자열)

      const emptyStr: string = '';
      console.log(`Empty String - length: ${emptyStr.length}, Boolean: ${emptyStr ? 'TRUE' : 'FALSE'}`);
      
      const str: string = 'Not Empty';
      console.log(`Not Empty String - length: ${str.length}, Boolean: ${str ? 'TRUE' : 'FALSE'}`);
      [Result]
        Empty String - length: 0, Boolean: FALSE
        Not Empty String - length: 9, Boolean: TRUE

  • 객체(object): null, undefined

      const nullObj: any = null;
      console.log(`Null Object - Boolean: ${nullObj ? 'TRUE' : 'FALSE'}`);
      
      const undefinedObj: any = undefined;
      console.log(`Undefined Object - Boolean: ${undefinedObj ? 'TRUE' : 'FALSE'}`);

      const emptyObj: any = {};
      console.log(`Empty Object - length: ${emptyObj.length}, Boolean: ${emptyObj ? 'TRUE' : 'FALSE'}`);
      [Result]
        Null Object - Boolean: FALSE
        Undefined Object - Boolean: FALSE
        Empty Object - length: undefined, Boolean: TRUE