4장 조건문

채팅

설문조사

코딩창

조건문이란? 

지정된 조건에 따라서 조건에 맞으면 코드를 실행하거나 안하게끔 조절 할수 있게 해주는 문법입니다.

-아래의 코드를 실습해보며 형태를 간단하게 알아봅시다-

let appleCost = 1000; // 사과 가격
let pineAppleCost = 5000; // 파인애플 가격
let myMony = 6000; // 내가 가진 돈

// 처음 사과를 삽니다
myMony = myMony - appleCost;
console.log("잔액은", myMony, "입니다");

// 사과를 사고 남은 금액이 5000원 이상이면 파인애플을 살 수 있습니다
if (myMony >= 5000) {
  myMony = myMony - pineAppleCost;
}
console.log("잔액은", myMony, "입니다");

// 잔액이 1000원 미만이면 아무것도 살 수 없습니다
if (myMony < 1000) {
  console.log("아무것도 살 수 없습니다");
}

 

문법

조건문은 크게 3가지로 나눌 수 있습니다

if , else if , else

if(조건) {
	문장...
    문장...
    ...
}

else if(조건) {
	문장...
    문장...
    ...
}

else {
	문장...
    문장...
    ...
}

if 문

if문은 if안에 조건이 참(true)면 괄호 안의 문장을 실행합니다. => 조건에 맞으면 실행한다. 아니면 if 문을 건너뛴다.

 

예시를 봅시다 => 잔액의 값을 수정하며 if 문의 동작을 확인해보세요

 

let myMony = 6000; // 잔액

if (myMony === 6000) {
  console.log("잔액은 6000원 입니다");
}

if (myMony <= 6000) {
  console.log("잔액이 6000원 이하입니다");
}

if (myMony < 1000) {
  console.log("잔액이 1000원 이하입니다");
}

else if 문

하나 이상의 if 문을 사용할 때 사용하며 if문을 만족하지 않을때 실행된다.

위의 if문 예시와의 차이!!

1. if문만 사용한다면 코드를 실행 했을때 모든 if문을 검사하며 돌게 됩니다.

2. 하지만 else if문은 위의 조건문을 만족한다면 나머지 if 문은 실행하지 않고 건너뛰게 됩니다.

3. else if는 첫번째 if문이 반드시 선행되어야 합니다.

let myMony = 6000; // 잔액

if (myMony === 6000) {
  console.log("잔액은 6000원 입니다");
}

else if (myMony <= 6000) {
  console.log("잔액이 6000원 이하입니다");
}

else if (myMony < 1000) {
  console.log("잔액이 1000원 이하입니다");

아래와 같이 사용하면 안됩니다 x

let myMony = 6000; // 잔액

else if (myMony === 6000) {
  console.log("잔액은 6000원 입니다");
}

else if (myMony <= 6000) {
  console.log("잔액이 6000원 이하입니다");
}

else if (myMony < 1000) {
  console.log("잔액이 1000원 이하입니다");

else 문 

else 문은 if와 else if문으로 조건을 검사한다면 나머지 해당되지 않는 모든 조건에 해당됩니다.

1. else문도 무조건 하나이상의 if문이나 else if문이 있어야합니다.

2. else는 무조건 맨 마지막에 와야합니다.

let myMony = 7000; // 잔액

if (myMony === 6000) {
  console.log("잔액은 6000원 입니다");
}

else {
	console.log("잔액은 6000원이 아닙니다");
}

myMony값을 바꿔가며 실습해보세요 

let myMony = 6000; // 잔액

if (myMony >= 6000) {
  console.log("잔액은 6000원 이상입니다");
}
else if(myMony === 6000) {
	console.log("잔액은 6000원 입니다");
}
else {
	console.log("잔액은 6000원이 아닙니다");
}

value값을 바꿔가며 실행해보세요

let myMony = 6000;
let value = 2;

if (myMony === 6000 && value === 1) {
  console.log("1번 if문");
} else if (myMony === 6000 && value === 2) {
  console.log("else if문");
}

if (myMony === 6000 || value === 12) {
  console.log("2번 if문");
} else {
  console.log("else문");
}

True False

true는 프로그래밍에서 참값을 의미합니다. 반대는 false 라고 합니다.

자바스크립트에서는 값이 있으면 true, 값이 null이거나 undefined면 false로 인식합니다.

자바스크립트에서는 true이면 문장을 실행합니다

 

여기서 value는 값을 초기화하지 않았는데 이대로 사용한다면 value 는 undefined가 됩니다.

let myMony = 6000; 
let value;
let value2 = null;

if (myMony) {
  console.log(myMony);
}

if (true) {
  console.log("true");
}

if (value) {
  console.log(value);
}

if (false) {
  console.log("잔액이 1000원 이하입니다");
}

----Tip----

자바스크립트에서는 변수를 선언할 때 camelcase 방식으로 합니다.

camelcase란 낙타의 등이라는 뜻으로 첫글자를 소문자로 시작하되 단어를 이어서 변수명을 만들게 된다면 두번째 단어부터는 첫글자를 대문자로 하는 방식입니다. 자바스크립트에서는 camelcase가 약속이므로 항상 주의하여 코딩하셔야 합니다.

let array;
let myList;
let myMony;
let myHomePage;

-문제-

Q1. 서버에서 장바구니 리스트를 불러왔습니다. 장바구니에 값이 있다면 장바구니 리스트를 console.log로 출력하게 하고 없으면 "장바구니가 비었음" 을 출력하시오  

// 장바구니가 있을때
let myList = ['사과','연어','케이스','캠핑용품'];
// 조건문을 작성하세요 ---1


 // 이제 장바구니가 비었습니다
myList = null
// ---1과 똑같이 썼을 때 "장바구니가 비었음" 이 출력된다면 성공