2.21 JavaScript 조건문 if문

if문

가장 대표적인 조건문인 if문에 대해서 학습하겠습니다. if문은 주어진 조건식의 참(true)/거짓(false) 여부에 따라 실행이 결정됩니다. 이전에 학습 참과 거짓을 판단하기 위한 JavaScript의 타입은 불린 타입이라는 것을 학습했습니다. 따라서 조건식은 결과가 불린 타입이 되도록 작성해야 합니다.

조건식의 평가 결과가 참일 때 문자열 ‘hello world’를 출력하기 위한 코드는 아래와 같습니다.

if (true) {
	console.log('hello world');
}

if 뒤에 있는 소괄호에 조건식을 넣으면, 조건식이 참으로 평가된 경우 코드블록 내부의 코드가 실행됩니다. 지금은 true를 넣었기 때문에 console.log('hello world')가 실행됩니다.

 

동치연산자 (===)

동치연산자는 두 피연산자가 동일하면 true, 그렇지 않으면 false를 반환합니다. !==는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환합니다.

 

let name = 'kimcoding';
if (name === 'kimcoding') {
	console.log('중복된 이름입니다.'); // '중복된 이름입니다.'
}

let name = 'parkhacker';
if (name !== 'kimcoding') {
	console.log('가입할 수 있는 이름입니다.'); // '가입할 수 있는 이름입니다.'
}

 

실습1)

if문 내부의 코드가 실행되도록 변수 course에 올바른 값을 할당하세요.

// 실습1) if문 내부의 코드가 실행되도록 변수 course에 올바른 값을 할당하세요.
let course;
if (course === 'seb fe') {
  console.log('변수 course에 "seb fe"를 할당했습니다.');
}

---

let course = 'seb fe';
if (course === 'seb fe') {
  console.log('변수 course에 "seb fe"를 할당했습니다.');
}

비교연산자(> , < , >= , <=)

비교연산자는 두 피연산자의 값의 크기를 비교합니다. 수학에서의 부등호 기호의 사용법과 유사합니다.

let num = 5;
if (num < 10) {
	num = num + 1;
}
console.log(num); // 6

if (num > 5) {
	num = num - 1;
}
console.log(num); // 5

논리연산자(&&, ||)

논리합(||)과 논리곱(&&)을 사용하면 복수의 조건을 작성할 수 있습니다. ||은 여러 조건 중 하나만 true여도 true로 판단됩니다. &&은 여러 조건 중 하나라도 false이면 false로 판단됩니다.

let age = 15;
if (age > 13 && age <= 19) {
	console.log('청소년입니다.'); // '청소년입니다.'
}

부정연산자(!)

부정연산자는 조건을 부정합니다. 조건이 true이면 false, 조건이 false이면 true를 리턴합니다.

let num = 11;
if (!(num === 10)) {
	console.log('변수 num은 10이 아닙니다.'); // '변수 num은 10이 아닙니다.'
}

실습2)

age가 19보다 크고, job이 student가 아닐 경우 코드가 실행되도록 조건식을 작성하세요.

// 실습2) age가 19보다 크고, job이 student가 아닐 경우 코드가 실행되도록 조건식을 작성하세요.

let age = 25;
let job = 'sw engineer';

// false대신 새로운 조건식을 작성하세요.
if (false) {
  console.log('조건을 만족합니다.');
}

---

// 실습2) age가 19보다 크고, job이 student가 아닐 경우 코드가 실행되도록 조건식을 작성하세요.

let age = 25;
let job = 'sw engineer';

// false대신 새로운 조건식을 작성하세요.
if (age > 19 && job !== 'student') {
  console.log('조건을 만족합니다.');
}

오답노트

if (age > 19 && job!== 'student'){

// 논리곱 사용하지 않고 연달아 서술로 잘못적음. 복수의 조건 작성시 꼭 챙기기!!

&&은 여러조건중 하나라도 false면 false로 판단

||는 여러조건중 하나만 true여도 true로 판단

 

 

조건문은 주어진 조건식의 참/거짓 여부에 따라 실행이 결정된다. O