연산자(Operator) 리스트
| ! (not 연산자) | 부정 |
| && (and 연산자) | 좌/우 모두 참일때 참 |
| || (or 연산자) | 좌/우 중 하나라도 참일때 참 (* or 연산자가 다수일 때 마지막에 가장 복잡한 변수를 넣는다) |
| == (동등 연산자) | 좌/우 같다면 참 |
| === (일치 연산자) |
좌/우가 데이터형까지 정확하게 같다면 참 |
| != |
같지 않다 (==와 정반대) |
| !== |
같지 않다 (===와 정반대) |
| > | 좌>우라면 참 |
| >= | 좌>=우라면 참 |
| += | 오른쪽 피연산자의 값을 변수에 더한 결과를 다시 변수에 할당한다. |
조건부 연산자 (Conditional operator)
const name = 'Noran';
if (name === 'Noran') {
console.log('Welcome, Noran!');
} else if (name === 'Paran') {
console.log('Welcome, Paran!');
} else {
console.log('Who are you?');
}
else if는 else나 if와 달리 여러개를 사용할 수 있다.
(* else는 생략가능하다.)
삼항 조건 연산자 (Ternary operator)
console.log(name === 'Noran' ? 'yes' : 'no');
//condition ? value : value2;
? 전에 붙은 조건이 참이면 ? 뒤의 식이, 거짓이면 마지막 식이 실행된다.
(* 되도록 간단한 식일 때 사용하자.)
switch operator
const browser = 'IE'
switch (browser) {
case 'IE' :
console.log('호환되지 않는 브라우저입니다.');
break; //break는 반복문을 종료한다.
case 'Chrome' :
case 'Firefox' :
console.log('반갑습니다.');
break;
default :
console.log('반갑습니다. 그런데 누구세요?');
break;
}
똑같은 내용을 출력할 경우 case를 연달아 사용한다.
(* else if가 여러 차례 사용될 경우 switch를 사용하면 좋다.)
while (반복문_loop)
let i = 3; //일반적으로 i는 index의 준말이다.
while (i > 0) {
console.log(`while : ${i}`); //``로 묶으면 간편하게 string(문자열)로 변환할 수 있다.
i--;
}
do-while (반복문)
let i = 3;
do {
console.log(`do while : ${i}`);
i--;
} while (i > 0);
do 뒤의 block scope를 먼저 실행한 후 while 조건을 검사한다.
for (반복문)
// for(begin; condition; step)
for (i = 3; i > 0; i--) {
console.log(`for : ${i}`);
}
begin을 한번만 실행한 후 step을 실행, condition을 검사, step을 실행.. 반복한다.
for (let i = 3; i > 0; i--) {
console.log(`for : ${i}`);
}
fo문 괄호 안에 지역변수를 선언할 수 있다. (inline variable declaration)
for (let i = 0; i < 10; i++) {
for (let j = 0; j < 10; j++) {
console.log(`i : ${i}, j : ${j}`);
}
}
fo문 안에 for문을 선언할 수 있다. (nested loops)
위의 연산은 i가 0일 때 j를 0-9까지 돌리고, i가 1일 때 j를 0-9까지 돌리고.. (반복) 하는 식으로 작동한다.
(* CPU에 좋지 않으므로 사용하지 않는 것이 좋다.)
break와 continue
- break : 반복문(loop)을 완전히 끝낸다.
- continue : 해당 변수만 끝내고 다음으로 넘어가 실행한다.
출처 : 드림코딩 https://www.youtube.com/@dream-coding / 코딩앙마 https://www.youtube.com/@codingangma / 생활코딩 https://opentutorials.org/course/1
'🟨 JavaScript > 개념' 카테고리의 다른 글
| [드림코딩, comp110 외] 매개변수 (parameters)와 나머지 매개변수(rest parameters) (0) | 2022.04.18 |
|---|---|
| [mdn] 기본값 매개변수 (0) | 2022.04.15 |
| [코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수 (0) | 2022.04.14 |
| [코딩앙마 외] 객체(Object)와 프로퍼티(property) (0) | 2022.04.14 |
| [코딩앙마] 함수선언문과 함수표현식, 그리고 화살표함수 (추가) (0) | 2022.04.14 |