JavaScript Deep Dive 7~9

6.19 일 ch7~ch9

Ch7. 연산자

연산자는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리 , 타입, 지수 연산등을 수행해 하나의 값을 만든다.

산술 연산자

피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만든다. 산술 연산이 불가능한 경우 NaN을 반환한다.

• 이항 산술 연산자
  + - * / %
  2개의 피연산자를 산술 연산하여 숫자 값을 만든다. 모든 이항 산술 연산자는 피연산자의 값이 바뀌는 경우는 없고 언제나 새로운 값을 만든다.

• 단항 산술 연산자
  ++ -- + -
  단항 산술 연산자는 1개의 피연산자를 산술하여 숫자 값을 만든다.
  ! 이항 산술 연산자와 달리 증가(++)/감소(--)는 피연산자의 값을 변경하는 부수 효과가 있다 -> 암묵적 할당 이뤄짐

• 문자열 연결 연산자

• 연산자는 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다. 그 외는 산술 연산자

//문자열 연결 연산자
"1" + 2; // ->'12'

//산술 연산자
1 + 2; // -> 3

//true는 1로 타입 변환된다.
1 + true; // -> 2

//fasle는 0으로 타입 변환
1 + false; // -> 1

//null은 0으로 타입 변환
//undefined -> NaN

할당 연산자

우항에 있는 피연산자의 평과 결과를 좌항에 있는 변수에 할당한다
= += -= *= /= %=

비교 연산자

좌항과 우항의 피연산자를 비교한 다음 그 결과를 boolean값으로 반환한다.
주로 if문이나 for과 같은 제어문의 조건식에서 사용된다.

• 등동/일치 비교 연산자
  좌항과 우항의 피연산자가 같은 값으로 평가되는지 비교해 boolean값으로 반환한다. 동등 비교 연산자는 느슨한 비교, 일치 비교 연산자는 엄격한 비교

== - 동등 비교, 좌항과 우항의 값이 같음
=== - 일치 비교, 좌항과 우항의 값과 타입이 같음

NaN === NaN' //->false

NaN은 자신과 일치하지 않는 유일한 값이다. 따라서 숫자가 NaN인지 조사하려면 빌트인 함수 Number.isNaN을 사용한다.

• 대소 관계 비교 연산자
  > < >= <=

삼항 조건 연산자

조건식의 평과 결과에 따라 반환한 값을 결정한다. 자바스크립트의 유일한 삼항 연산자

let x = 2;
//2 % 2는 0이고 0은 false로 압묵적 타입 변환된다
let result = x % 2 ? '홀수' : '짝수';

console.log(result) // 짝수

삼항연산자와 if..else문의 차이점
삼항 조건 연산자 표현식은 값처럼 사용할 수 있지만 if...else문은 값처럼 사용할 수 없다.
-> 삼항 조건 연산자 표현식은 값으로 평가할 수 있는 표현식인 문

조건에 따라 어떤 값을 결정해야한다면 삼항 조건 연산자 표현식이 유리
조건에 따라 수행해야하는 문이 여러 개라면 if...else문이 가독성이 더 좋다

논리 연산자

우항과 좌항의 피연산자를 논리연산
|| - 논리합(OR)
&& - 논리곱(AND)
! - 부정(NOT) // 언제나 불리언 값으로 반환

• 드 모르간의 법칙

!(x || y) === (!x && !y)
!(x && y) === (!x || !y)

쉼표 연산자

왼쪽 피연산자부터 차례대로 피연산자를 평가하고 마지막 피연산자의 평가가 끝나면 마지막 피연산자의 평과 결과를 반환

let x,y,z;

x = 1, y =2, z = 3; // 3

그룹 연산자

소괄호로 피연산자를 감싸는 그룹 연산자는 자신의 피연산자인 표현식을 가장 먼저 평가한다. -> 우선순위를 조절할 수 있음, 그룹 연산자는 연산자 우선순위가 가장 높다.

typeof 연산자

피연산자의 데이터 타입을 문자열로 반환한다

지수 연산자

**
ES7에서 도입된 지수 연산자는 좌항의 피연산자를 밑으로, 우항의 피연산자를 지수로 거듭 제곱하여 숫자 값을 반환한다
지수 연산자가 도입되기 전에는 Math.pow 메서드를 사용했는데 지수연산자가 더 가독성이 좋다.

2 ** (3 ** 2); // ->512
Math.pow(2, Math.pow(3,2)); // ->512 

이항 연산자 중에서 우선순위가 가장 높다.

Ch8.제어문

제어문은 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다.

블록문

0개 이상의 문을 중괄호로 묶은 것으로 코드 블록 또는 블록이라고 부르기도 한다.
자바스크립트는 블록문을 하나의 실행 단위로 취급한다. 단독으로 사용할 수 도 있으나 제어문이나 함수를 정의할 때 사용하는 것이 일반적이다.
! 블록문의 끝에는 세미콜론을 붙이지 않는다.

제어문

조건식의 평가 결과에 따라 코드 블록의 실행을 결정한다.

• if...else문
• switch문

반복문

• for문
• while문
• do..while문
• break문
• continue문

Ch9.타입 변환과 단축 평가

자바스크립트의 모든 값은 타입이 있다. 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다.
명시적 타입 변환, 타입 캐스팅 - 의도적으로 값의 타입을 변환
암묵적 타입 변환, 타입 강제 변환 - 자바스크립트 엔진에 의해 자동 변환

암묵적 타입 변환

• 문자열 타입으로 변환
• 숫자 타입으로 변환
• 불리언 타입으로 변환