JavaScript 3.연산자(산술, 비교, 삼항, 논리)

크롬 개발자 도구의 콘솔에서도 충분히 확인가능하다.

산술연산자

• 기본적인 사칙연산(+ - * / )와 할당(=)
• 증가 ++ , 감소 -- , 나머지 % , 할당 +=, -=, *=, /=
• 전위 연산 : ++변수명 //증가부터하고 값을 할당, x =10; y = ++x; //y와 x 모두 11
• 후위 연산 : 변수명++ //값을 먼저 할당하고 증가. x =10; y = x++; //y는 10, x는 11

비교연산자

• 비교 ==, 엄격한 비교 ===, 같지 않음 !=

• , < , >= , <=

• 비교와 엄격한 비교의 차이

• var x =10, y="10"; console.log(x==y); // true가 나옴. 단순하게 표기값만 확인. 자료형 확인 x

• var x =10, y="10"; console.log(x===y); // false가 나옴. 자료형 확인 o

• var x =10, y="10"; console.log(x!=y); // false가 나옴. 단순하게 표기값만 확인. 자료형 확인 x

• var x =10, y="10"; console.log(x!==y); // true가 나옴. 자료형 확인 o

삼항 연산자

• var z; console.log(z = x==y ? 10 : 11); // x와 y가 같다면 z에 10을 그렇지 않다면 11을 저장
• var z; console.log(z = x===y ? 10 : 11); // x와 y가 자료형까지 같다면 z에 10을 그렇지 않다면 11을 저장

논리 연산자

• ! : mpt을 의미. 부정을 의미
• && : and를 의미. 여러 조건을 넣을 수 있음. ( T && T -> T)
• || : or를 의미 (F || F -> F)

문자열과 숫자의 합

• 자바스크립트는 숫자와 문자열을 합(+)하면 문자열(string)으로 변환되어 문자열 병합을 한다.
• 다만 어떤 자료형이 먼저 나오느냐에 따라 문자열로 변경되는 시점이 다르므로 최종 결과가 다를 수 있다.
• var str1 = 1 + 1 + "빼빼로"; console.log(typeof str1, str1); //이건 2빼빼로 출력
• var str2 = "빼빼로" + 1 + 1; console.log(typeof str2, str2); //이건 빼빼로11 출력