if 문 / if ...else 문/ else if 절

1️⃣ if 문

• if 문은 조건의 참, 거짓에 따라 다르게 코드를 실행하는 기본적인 조건문입니다.

• 조건은 ‘ ( ) ’안에 작성하며, 조건이 참일 때만 실행할 코드를 ‘ { } ’안에 작성합니다.

if (조건식) {
  // 조건식이 참일 때 실행될 코드
}

• 조건이 참인 경우, if 절 블록 내의 코드가 실행됩니다.

const score = 80;

if (score >= 70) {
  console.log('합격하셨군요! 축하합니다!');
}

// 결과
합격하셨군요! 축하합니다!

 

 

• 조건이 거짓인 경우, if 절 블록 내의 코드가 실행되지 않습니다.

const score = 50; 

if (score >= 70) {
  console.log('합격하셨군요! 축하합니다!');
}

// 결과 없음 

 

 

➕ 논리 연산자로 if 문 조건 설정하기

• if 문의 조건에서 논리 연산자 &&와 ||를 사용해 여러 조건을 결합할 수 있습니다.

const score = 85;
const absence = 0;

if (score >= 80 && absence <= 4) {
  console.log('우수 학생');
}

// 결과
우수 학생

const score = 15;
const absence = 8;

if (score < 20 || absence >= 5) {
  console.log('재수강 필요');
}

// 결과
재수강 필요

1️⃣ if...else 문

• if...else 문은 조건이 참일 때와 거짓일 때 각각 다른 코드를 실행하도록 하는 구문입니다.

if (조건) {
  // 조건이 참일 때 실행될 코드
} else {
  // 조건이 거짓일 때 실행될 코드
}

• 조건이 참일 때, if 절의 코드가 실행됩니다.

const score = 70; 

if (score >= 70) {
  console.log('합격하셨군요. 축하합니다!');
} else {
  console.log('불합격하셨군요. 아쉽습니다!');
}

// 결과
합격하셨군요. 축하합니다!

• 조건이 거짓일 때, else 절의 코드가 실행됩니다.

const score = 50; 

if (score >= 70) {
  console.log('합격하셨군요. 축하합니다!');
} else {
  console.log('불합격하셨군요. 아쉽습니다!');
}

// 결과
불합격하셨군요. 아쉽습니다!

 

⚠️ 여기서 잠깐!

• if...else 문에서 if 절은 반드시 필요하지만, else 절은 생략이 가능합니다.

• if 절 없이 else 절만 작성하면 에러가 발생합니다.

• if 절과 else 절만 작성할 경우, 둘 중 하나는 반드시 실행됩니다.

• if 절과 else 절이 모두 실행될 수는 없습니다.

else {
  console.log('else 절이 실행됐습니다.');
}

// 결과
SyntaxError: Unexpected token 'else'

 

 

 

1️⃣ else if 절

• else if 절은 if와 else 사이에 여러 조건을 추가하는 데 사용됩니다.

• else if 절은 여러 개 작성할 수 있습니다.

if (조건1) {
  // 조건1이 참일 때 실행될 코드
} else if (조건2) {
  // 조건1이 거짓이고, 조건2가 참일 때 실행될 코드
} else if (조건3) {
  // 조건1, 조건2가 거짓이고, 조건3이 참일 때 실행될 코드
} else if (조건4) {
  // 조건1, 조건2, 조건3이 거짓이고, 조건4가 참일 때 실행될 코드
} else {
  // 모든 조건이 거짓일 때 실행될 코드
}

• 첫 번째 조건이 거짓일 경우, else if로 추가한 조건들을 순차적으로 평가합니다.

• 조건이 참인 else if 절을 만나면, 해당 절의 코드를 실행하고 if...else 문을 종료합니다.

• 모든 조건이 거짓일 경우 마지막 else 절이 실행됩니다.

const score = 10;

if (score >= 70) {
  console.log('학생은 합격입니다!');
} else if (score >= 50) {
  console.log('학생은 재시험을 보세요.');
} else {
  console.log('학생... 힘내요.');
}

// 결과
학생... 힘내요.

 

2️⃣ 중첩 if 문

• if...else 문 내에 다른 if...else 문을 포함시킬 수 있습니다.

• 중첩 if 문을 통해 세부적인 분기를 만들어, 보다 복잡한 조건을 처리할 수 있습니다.

const score = 85;

if (score >= 70) {
  if (score >= 90) {
    console.log('A학점입니다.');
  } else if (score >= 80) {
    console.log('B학점입니다.');
  } else {
    console.log('C학점입니다.');
  }
}

// 결과
B학점입니다.

 

 

if 구문 (score에서 점수를 입력하고) if 구문으로 score 값을 매기기 (if의 중첩문)