코드의 순서, 흐름을 어떻게 제어할까 ?


조건문 Conditional Statement

💡if , if else if else if ... else

  • 조건이 참일때 {...} 코드가 동작한다.
  • if(조건) { }
  • if(조건) { } else {}
  • if(조건1) { } else if(조건2) {} else {}

💡삼항 조건 연산자

  • 조건식 ? 참인경우 : 거짓인경우
let num = 2;
// num의 숫자가 짝수이면 👍, 홀수라면 👎을 출력하도록

// if문
if (num % 2 === 0) {
  console.log('👍');
} else {
  console.log('👎');
}
// 삼항조건 연산자
let emoji = num % 2 === 0 ? '👍' : '👎';

💡switch

  • 정해진 범위안의 값에 대해 특정한 일을 해야 하는 경우
  • break문이 없다면?
    :계속해서 다음 case절의 문장들을 실행한다. 멈추게하기 위해선 break문을 해주는 것이 중요!
switch(){
       case c1 :
       		실행문;
       		break;
       case c2 :
       		실행문;
       		break;
       .
       .
       .
       defalt:
       (어떠한 case 문과도 일치하지 않을 경우 실행되는 것이기 때문에 있어도 되고 없어도 된다. )
       		실행문;}
let condition = 'bad'; 
// okay, good  -> 좋음!, bad -> 나쁨!
let text;
switch (condition) {
   //case 두개 사용 가능
  case 'okay':
  case 'good':
    text = '좋음!';
    break;
  case 'bad':
    text = '나쁨!';
    break;
  defalt:
    console.log('보통');
    
}
console.log(text);

반복문 Loop Statement

💡for

  • for(변수선언문; 조건식; 증감식) { }
  • 실행순서
    1. 변수선언문
    2. 조건식의 값이 참이면 { } 코드블럭을 수행
    3. 증감식을 수행
    4. 조건식이 거짓이 될때까지 2번과 3번을 반복함
  • 반복문 제어: continue;, break;
//continue;
for (let i = 0; i < 5 ; i++) {
  if (i === 3) {
    console.log('i번 학생은 결석입니다.');
    continue;
  }
  console.log('i번 학생은 조별 발표하세요.');
}
//1번 학생은 조별발표하세요.
//2번 학생은 조별발표하세요.
//3번 학생은 결석입니다.
//4번 학생은 조별발표하세요.
//5번 학생은 조별발표하세요.

//break;
for (let i = 0; i < 5 ; i++) {
  if (i === 3) {
    console.log('i번 학생은 결석입니다.');
    break;
  }
  console.log('i번 학생은 조별 발표하세요.');
}
//1번 학생은 조별발표하세요.
//2번 학생은 조별발표하세요.
//3번 학생은 결석입니다.

💡while

  • while(조건) {...}
  • 조건이 false가 될때까지 {} 코드를 반복 실행
  • while문의 조건을 true로 하면 while문은 영원히 실행되게 되므로,
    종료할 수 있도록 break문을 이용한다.
  • do{...} while(조건);
    :조건문을 판단하기 전에 do 블록의 코드를 먼저 실행합니다.
    조건문의 결과가 true이면 do 블록의 코드를 다시 실행합니다.

논리 연산자 Logical operator

💡&& (AND연산자)

  • 조건1 && 조건2 ..&& 조건3
  • 조건들 중에 하나라도 false값이 있다면 결과는 false

💡|| (OR연산자)

  • 조건1 || 조건2 ..|| 조건3
  • 조건들 중에 하나라도 true값이 있다면 결과는 true
let num = 8;
if (num >= 0 || num > 20) {
  console.log('👍');
}
if (num != 9) {
  console.log('🙏');
}

console.log(true && true); // true
console.log(true && false); // false
console.log(false && true); // false
console.log(false && false); // false

console.log(true || true); // true
console.log(true || false); // true
console.log(false || true); // true
console.log(false || false); // false

💡 ❗️부정(단항연산자),‼️ 불리언값으로 변환 (응용버전)

console.log(!'text'); //false
console.log(!!'text'); //true
profile
냠소현 개발일지

0개의 댓글