배워서 남주는 개발자 :)

JS

[ JS 딥다이브 ] 6주차 : 타입 변환과 단축 평가

핏짜보이 2023. 3. 5. 12:46
반응형

 

  1. 타입 변환

JS의 모든 값은 타입을 가지고 있음.

값의 타입은 개발자의 의도에 따라 다른 타입으로 변환 가능

  • 명시적 타입 변환 / 타입 캐스팅 : 의도적인 타입 변환
  • 암묵적 타입 변환 / 타입 강제 변환 : 의도와 상관없이 표현식을 평가하는 중에 JS엔진에 의해 암묵적으로 변환

 

*원시값은 변경이 불가능한 값이므로 변경할 수 없음

타입 변환이란 기존 원시값을 사용해서

다른 타입의 새로운 원시값

을 생성하는 과정.

 

  1. 암묵적 타입 변환

2-1. 문자열 타입으로 변환

템플릿 리터럴의 표현식 삽입 : 평가 결과를 문자열 타입으로 암묵적 변환

0 + `` // '0'

 

2-2. 숫자 타입으로 변환

산술연산자 / 비교연산자 삽입 : 피연산자 중에서 숫자 타입이 아닌 값을 숫자 타입으로 암묵적 타입 변환 수행

 

2-3. 불리언 타입으로 변환

JS엔진은 불리언 타입이 아닌 값을 thruthy 값(참으로 평가되는 값) 또는 falsy 값(거짓으로 평가되는 값)으로 구분

thruthy → true // falsy → false

 

  1. 명시적 타입 변환

3-1. 문자열 타입으로 변환

  • String생성자 함수를 new 연산자 없이 호출하는 방법
  • Object.protorype.toString 메서드를 사용하는 방법
  • 문자열 연결 연산자를 이용하는 방법

 

3-2. 숫자 타입으로 변환

  • Number 생성자 함수를 new 연산자 없이 호출하는 방법
  • parseInt, parseFloat 함수를 사용하는 방법
  • + 단항 산술연산자를 사용하는 방법
  • *산술 연산자를 이용하는 방법

 

3-3. 불리언 타입으로 변환

  • Boolean 생성자 함수를 new 연산자 없이 호출하는 방법
  • !부정 논리 연산자를 두번 사용하는 방법

 

 

  1. 단축 평가
  • 논리 연산의 결과를 결정하는 피연산자를 타입 변환하지 않고 그대로 반환
  • 표현식을 평가하는 도중에 평가 결과가 확정된 경우 나머지 평가 과정을 생략하는 것

4-1. 논리 연산자를 사용한 단축 평가

// 논리합(||) 또는 논리곱(&&) 연산자 표현식의 평가 결과는 불리언 값이 아닐 수도 있음 
// 논리합 또는 논리곱 연산자 표현식을ㄴ 언제나 2개의 피연산자 중 어느 한쪽으로 평가됨  
// 논리곱&& 연산자는 두개의 피연산자가 모두 true로 평가될 때 true를 반환 

// 논리곱 연산자는 좌항에서 우항으로 평가가 진행 
// 논리 연산의 결과를 결정하는 두번째 피연산자, 즉 문자열 'dog'를 그대로 반환 
'cat' && 'dog' // -> 'dog'   

// 논리합|| 연산자는 두개의 피연산자 중 하나만 true로 평가되어도 true를 반환한다 
// 논리합 연산자도 좌항에서 우항으로 평가가 진행 
// 논리 연산의 결과를 결정한 첫 번째 피연산자, 즉 문자열 'cat'을 그대로 반환 
'cat' || 'dog' // -> 'cat'

 

4-2. 옵셔널 체이닝 연산자 (.?)

  • 객체를 가리키기를 기대하는 변수가 null 또는 undefined가 아닌지 확인하고 프로퍼티를 참조할 때 유용함

 

4-3. null 병합 연산자 (??)

  • 좌항의 피연산자가 null 또는 undefined인 경우 우항의 피연산자를 반환하고, 그렇지 않으면 좌항의 피연산자를 반환
  • 변수에 기본값을 설정할 때 유용함

 

 

728x90