흰둥이는 코드를 짤 때 짖어 (왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!왈!)

(JS) 연산자, 제어문 본문

HTML, CSS, JS

(JS) 연산자, 제어문

흰둥아솜사탕 2023. 4. 5. 16:00
728x90
반응형

연산자(Operator)

산술 연산자

  • +, -, , /, %, *

비교 연산자

  • >, <, >=, <=, ==, !=, ===
  • ===: 두 식의 값이 같고, 타입까지 같아야 참
  • !==: 두 식의 값이 다르고, 타입까지 달라야 참
3 == 3      // true
'3' == 3    // true
'3' === 3   // false

대입 연산자

  • =, +=, -=, _=, /=, %=, *_=

증감 연산자

  • ++변수, --변수, 변수++, 변수--
num = 10
++num       // 11
--num       // 10
num++       // 11
num--       // 10

num = 10
result = ++num  // result=11, num=11
result = num++  // result=11, num=12

논리 연산자

  • &&: and
  • ||: or
  • ! : not

비트 연산자

  • & : and
  • | : or
  • ! : not
  • ^ : xor
  • <<: left shift
  • >>: right shift

삼항 연산자

변수 = 조건식 ? 반환값1 : 반환값2
  • 조건식이 true일 때 반환값1이 변수에 저장
  • 조건식이 flase일 때 반환값2가 변수에 저장

제어문

조건문

  • if 문
if(조건식){
    조건식의 결과가 true일 때 실행할 문장;
    ...
}
  • if~else문
if(조건식){
    조건식의 결과가 true일 때 실행할 문장;
    ...
}else{
    조건식의 결과가 false일 때 실행할 문장;
    ...
}
  • if~else if~else문
if(조건식1){
    조건식1의 결과가 true일 때 실행할 문장;
    ...
}else if(조건식2){
    조건식2의 결과가 true일 때 실행할 문장;
    ...
}else if(조건식3){
    조건식3의 결과가 true일 때 실행할 문장;
    ...
}else{
    모든 조건식의 결과가 false일 때 실행할 문장;
    ...
}
  • switch 문
switch(변수){
    case 값1:
        변수와 값1이 같을 경우 실행할 문장;
        ...
        break;
    case 값2:
        변수와 값2이 같을 경우 실행할 문장;
        ...
        break;
    case 값3:
        변수와 값3이 같을 경우 실행할 문장;
        ...
        break;
    default:
        변수와 모든 값이 다를 경우 실행할 문장;
        ...
}

문제

달(month)을 입력받아 해당 달의 마지막 일이 몇일 인지 출력하는 문서를 작성해보자.
(단, 입력은 prompt를 사용하고, 조건문은 switch문을 사용함)
달을 입력하세요. 12
12월의 마지막일자는 31일입니다.

반복문

  • while 문
while(조건식){
    조건식의 결과가 true인 동안 반복할 문장;
    ...
}
  • do ~ while 문
    • 조건식의 결과가 처음부터 false 일 경우에도 1번은 {}에 문장을 실행함
do{
    조건식의 겨로가가 true인 동안 반복할 문장;
}while(조건식);
  • for 문
for(초기값; 조건식; 증감식){
    조건식의 결과가 true인 동안 반복할 문장;
    ...
}

✅ for문의 무한루프

for(;;){

}
  • break 문
    • switch문 또는 반복중인 루프내에서 사용하여 해당 문장을 완전히 종료시키고 다음에 위치한 실행문으로 이동
num = 1;
while(num <= 10){
    if(num == 5) break; // 1 2 3 4
    console.log(num);   // 1 2 3 4 5 6 7 8 9 10
    num++;
}
  • continue 문
    • 반복중인 루프 내에서 사용하여 해당 루츠의 나머지 부분을 건너뛰고 다음 반복문의 판단으로 넘어감
num = 1;
while(num <= 10){
    console.log(num);       // 1 2 3 4 5 6 7 8 9 10
    num++;
    if(num == 5) continue;  // 1 2 3 4
}
728x90
반응형

'HTML, CSS, JS' 카테고리의 다른 글

(JS) 사용자 정의 함수  (0) 2023.04.06
(JS) 배열  (0) 2023.04.05
(JS) 변수, 상수, 데이터타입, 대화상자  (0) 2023.04.04
(JS) 기초 지식  (0) 2023.04.04
(CSS) 우선순위 계산  (0) 2023.04.03
Comments