Unit2-[JavaScript] 조건문

📌조건문 개요 

컴퓨터는 작성된 코드를 위에서부터 아래로 순차적으로 실행할 뿐이다. 하지만 특정한 조건에 따라 코드가 실행되도록 하는 방법이 있다. 바로 조건문이다. 조건문을 활용하면, 아침 6시가 되면 알람을 울리도록 하거나,물이 100도가 될 때까지만 가열하거나,마우스를 클릭하면 프로그램이 실행되도록 프로그래밍을 할 수 있다.

 

⭐ 조건문을 사용하는 이유는 컴퓨터에게 특정 조건에 따라 코드를 실행시키기 위해서

📌if문

if문의 기본 구조 - if (조건식) { true일때 실행되는 코드 }

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

참과 거짓을 판단하기 위한 JavaScript의 타입은 불린 타입이다. 따라서 조건식은 결과가 불린 타입이 되도록 작성해야한다.불린 타입을 잘 기억하기 힘들다면 아래 링크를 클릭하자.

2022.12.16 - [코드스테이츠/[JavaScript]기초] - Unit 2 Chapter2 타입

Unit 2 Chapter2 타입

조건식의 평가 결과가 참일 때 문자열 '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('가입할 수 있는 이름입니다.'); // '가입할 수 있는 이름입니다.'
}

 

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

⭐ 비교연산자를 쓰는 이유는 두 값의 크기 비교이다. 결과 값이 불리언 타입으로 나오기 때문에 조건식에 쓰기 용이하다.

 

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

⭐ 논리합과 논리곱을 사용하면 복수의 조건을 작성 가능

 

||(OR)은 여러 조건 중 하나만 true 여도 true

&&(AND)은 여러 조건 중 하나라도 false 이면 false

 

✅ 부정연산자( ! )

조건을 부정한다.

 

📌 else문

if문은 조건식이 true일 때만 코드가 실행됨.

but  else문은 조건식 false일 때도 코드가 실행되게 할수있음.

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

 

else문은 독립적으로 사용불가능,if문 바로 뒤에 작성해야함.

⭐ 만약 조건을 더 추가하고싶다면 else if문 사용

let name = 'kimcoding';
let course = 'seb be'

if(name === 'kimcoding' && course === 'seb fe') {
	console.log('정보가 일치합니다.')
} else if (name === 'kimcoding' && course !== 'seb fe') {
	console.log('코스를 확인하세요.') // '코스를 확인하세요.'
} else {
	console.log('일치하지 않는 정보입니다.')
}

if문과 else문은 두번이상 사용 불가능

but 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('성인입니다.');
}

 

✅ 삼항조건연산자

if문과 else문을 삼항조건연산자로 바꿀 수 있다.

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

삼항조건연산자 쓰는 법

조건식  ?  참 코드  :  거짓 코드

위 코드와 아래코드는 동일하게 동작

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

⭐️  실행할 코드가 간단 => 삼항 조건 연산자(가독성도 좋다.)

      실행할 코드가 복잡 => if문 else문 사용