If문

피자냠냠(피자냠냠)·2022년 12월 31일
0

JavaScript

목록 보기
5/16

if문의 기초


true & false

if문은 주어진 조건식의 true / false 여부에 따라 실행이 결정된다.

if (true) {	// 소괄호(())안은 조건문이 오고 true가 되면 아래 코드를 실행한다.
	console.log('hello world');	 // 조건문이 true 이면 'hello world'가 실행된다.
}

if (true) console.log('hello world'); // 똑같이 작동한다.

동치 연산자 (===, !==)

조건문에 동치연산자(===, !==)를 넣어 사용할 수 있다.

let name = 'kimcoding';

if (name === 'kimcoding') {
	console.log('중복된 이름입니다.'); 		 // 조건문이 true임으로 '중복된 이름입니다.' 실행
}

if (name !== 'choyongju') {
	console.log('사용 가능한 이름입니다.');  // 조건문이 true임으로 '사용 가능한 이름입니다.'
}

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

let num = 5;
if (num < 10) {
	num = num + 1;
}
console.log(num); 		 // 조건문 num < 10 이 true라서 6 출력

if (num > 5) {
	num = num - 1;
}
console.log(num);		 // 조건문 num < 5 가 false라서 그대로 5 출력
 

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

하나라도 true면 true 출력하는 ||

하나라도 false면 false 출력하는 &&

let age = 15;
if (age > 13 && age <= 19) {
	console.log('청소년입니다.');  // 두가지 조건문이 true임으로 '청소년입니다.' 실행
}

부정연산자(!)

조건문이 true면 false, 조건문이 false면 true 출력하는 !

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

else와 else if


else문

if문만 사용한다면 true일 때만 코드가 실행되었다.

false일 때 따로 코드가 나오게 하는법은 else를 사용하는 것이다.

else는 독립적으로 사용할 수 없고 if와 함께 사용가능하다.

let num = 5;
if (num % 2 === 0) {
	console.log('짝수입니다.');	// true일때 '짝수입니다.' 실행
} else {
	console.log('홀수입니다.');  //  false일때 '홀수입니다.' 실행
]
 

else if 문

조건문을 더 많이 사용하고 싶다면 else if문을 사용하면 된다.

let age = 15;
if (age < 8) {
  console.log('미취학아동입니다.');
    } else if (age >= 8 && age < 14) {
      console.log('초등학생입니다.');
    } else if (age >= 14 && age < 17) {
      console.log('중학생입니다.'); 			// '중학생입니다.' 실행
    } else if (age >= 17 && age < 20) {
      console.log('고등학생입니다.');
    } else {
      console.log('성인입니다.');
}

// else if는 여러번 사용가능하다

삼항 조건 연산자

if else문을 삼항 조건 연산자로 표현한 것이다.

let num = 5;
num % 2 === 0 ? console.log('짝수') : console.log('홀수'); // '홀수입니다.'

// 둘다 같은 코드이다.
// 두 코드를 비교해가면서 이해해보자.

let num = 5;
if (num % 2 === 0) {
	console.log('짝수입니다.');
} else {
	console.log('홀수입니다.'); // '홀수입니다.'
}

// num % 2 === 0        조건문
// ? console.log('짝수')  ture라면 나오는 코드
// : console.log('홀수')  false라면 나오는 코드
profile
교사에서 개발자로

0개의 댓글