-
Modern JavaScript 연산과 제어FrontEnd/JavaScript 2023. 1. 15. 14:21
1. 연산자
표현식
- 선언문 : var = a;
- 할당문 : a=5;
- 함수선언문
- 조건문
- 반복문
연산자
- 이항 산술연산자 : + - * / %
- 단항산술연산자
단항 산술 연산자 의미 ++ 증가 -- 감소 + 어떠한 효과도 없다. 음수를 양수로 반전하지도 않는다. - 양수를 음수로 음수를 양수로 반전한 값을 반환한다. - 선대입 후증가 (Postfix Increment Operator)
var x = 5, result;
result = x++;
console.log(result, x); // 5 6
- 선증가 후대입 (Prefix Increment Operator)
result = ++x;
console.log(result, x); // 7 7
- 선대입 후감소 (Postfix decrement operator)
result = x--;
console.log(result, x); // 7 6
- 선감소 후대입 (Prefix decrement operator)
result = --x;
console.log(result, x); // 5 5
- 문자열 연결 연산자
'1' + '2' // '12'
'1' + 2 // '12'
- 산술연산자
1 + 2 // 3
1 + true // 2 (true → 1)
1 + false // 1 (false → 0)
true + false // 1 (true → 1 / false → 0)
1 + null // 1 (null → 0)
1 + undefined // NaN (undefined → NaN)
- 할당연산자
할당 연산자 사례 동일 표현 = x = y x = y += x += y x = x + y -= x -= y x = x - y *= x *= y x = x * y /= x /= y x = x / y %= x %= y x = x % y - 비교연산자
비교 연산자 의미 사례 설명 == 동등 비교 x == y x와 y의 값이 같음 === 일치 비교 x === y x와 y의 값과 타입이 같음 != 부등 비교 x != y x와 y의 값이 다름 !== 불일치 비교 x !== y x와 y의 값과 타입이 다름 - 대소 관계 비교 연산자
대소 관계 비교 연산자 예제 설명 > x > y x가 y보다 크다 ✕ < x < y x가 y보다 작다 ✕ >= x >= y x가 y보다 같거나 크다 ✕ <= x <= y x가 y보다 같거나 크다 ✕ - 삼항 조건 연산자
논리 연산자 의미 || 논리합(OR) && 논리곱(AND) ! 부정(NOT) ex) var result = x % 2 ? ‘홀수’ : ‘짝수’;
- 쉼표연산자
var x, y, z;
x = 1, y = 2, z = 3; // 3
2. 제어문
- 블록문 : 0개 이상의 문들을 중괄호로 묶은 코드 블록 (블록문에는 ;를 붙이지 않음)
- 조건문 : if..else / switch문 제공
- 반복문 : for of / for in / for of/ do / do while 문 제공
- break / continue 제공
'FrontEnd > JavaScript' 카테고리의 다른 글
Modern JavaScript 객체의 프로퍼티 (0) 2023.01.21 Modern JavaScript 함수 (0) 2023.01.21 Modern JavaScript 객체 (0) 2023.01.21 Modern JavaScript 데이터타입과 변수 (0) 2023.01.09 Modern JavaScript 기본개념 (0) 2023.01.01