개인 자료란 (JE)

  서버 커뮤니티

Profile lukekeum 대표칭호 없음
Profile

JavaScript

[ JavaScript 기초강좌 ] 3강 조건문

2020.04.07 조회 수 675 추천 수 0

조건문

2강 연산자를 다 듣고 오시느라 수고 많으셨습니다. 이번에는 조건문에 관해서 알려드리겠습니다. 조건문을 사용하면, 특정한 것이 참을 경우, 특별한 명령을 실행할 수 있습니다. 조건문을 사용하는 데에는 if라는 것이 사용이 됩니다. 그러면 이제 한번 if에 관하여 알아볼까요?

if문

if문을 사용하면, ~~가 참이라면, ~~를 실행해라를 할 수 있습니다. 아래의 코드를 한번 확인 해 볼까요?

let a = 1;
if (a === 1) { // a가 1(숫자)일경우
    a++; // a에 1을 더한다
}
console.log(a); // a를 출력한다

이러하였을 때에, 출력값이 1일까요? 아니면 2일까요? 정답은 2입니다. 왜냐하면, a가 1이 참이라면 a++라는 명령을 실행하라고 했기 때문입니다. 그런데, 초반에 a 값이 0이 아니었을때에는 어떻게 됬을까요?  아이러니하게도 출력값이 0이 나올것입니다. 왜냐하면, a는 1이 아니기 때문이에요. 이렇듯 조건문은 쉽고 단순합니다. 그러면, 이제 조건문에 해당하지 않을 때 실행되게 하는 법을 알아볼까요?

if-else문

if-else문은 "~~하다면 ~~하고, 그렇지 않다면 ~~해라." 를 의미합니다. 아래 예시 코드를 보시죠

const a = 9;
if(a === 10) {
    console.log("a는 10이 맞습니다");
} else {
    console.log("a는 10이 아닙니다");
}

이렇게 하였을 때에, 어떠한 결과가 나올까요? 바로 "a는 10이 아닙니다"라는 문구가 출력이 될것 같습니다. 왜냐하면, a는 10이 아니기 때문입니다. 따라서, if문에서 조건이 거짓으로 판명이 되면, else에 있는 명령을 실행하는 것입니다. 자, 그러면, 이제 한번 else에다가 조건을 줘볼까요?

if-elseif문

if-else if 문은 여러 조건에 따라 다른 작업을 해야 할 때 사용합니다. 아래 코드를 확인해보세요.

const a = 10;
if(a !== 10) {
    console.log("a는 10이 아닙니다");
} else if(a > 10) {
    console.log("a는 10보다 큽니다");
} else if(a < 10) {
    console.log("a는 10보다 작습니다");
} else {
    console.log("a는 10입니다");
}

이와 같이 실행을 하게 된다면, 출력되는 값는 맨 아래에 있는 "a는 10입니다"일것입니다. 이런식으로 else if는 "위의 조건엔 안맞지만, 이 조건에 참이라면, ~를 실행하라"라고 생각하시면 되겠습니다.


자, 오늘은 If, if-else, if-elseif에 대하여 알아보았습니다. 다음 시간에는 함수에 대하여 알아보겠습니당!


https://discord.gg/2gxSqWu - 마인크래프트 개발자 디스코드

1개의 댓글

네모
2020.04.07

엄밀히 말하면(그러니까 진짜 strict 하게 따지면)

JavaScript 에는 if 와 else 만 있습니다. else if 라는 문법 선언은 존재하지 않지요.

 

if(true) console.log('TRUE');

else console.log('FALSE');

처럼 괄호 생략 문법을 활용한 기법이라고 보아야겠지요.

 

else if 를 생략문법을 사용하지 않고 표현하면,

 

if(cond1) { }

else {

if(cond2) { }

else { }

}

가 되는거죠.

 

그냥 문법충(?) 의 한마디였습니다.

뉴스 및 창작물
/files/thumbnails/150/925/003/262x150.crop.jpg?20241123005717

건축

응답하라 1988 ?

팀뉴일리시

2024-11-23

4

/files/thumbnails/761/908/003/262x150.crop.jpg?20241025153749

건축

서울 숭례문(崇禮門) 5

KHC

2024-10-25

2

/files/thumbnails/578/899/003/262x150.crop.jpg?20241010142350

건축

경주 월정교 1

KHC

2024-10-10

2

/files/thumbnails/219/899/003/262x150.crop.jpg?20241009200950

건축

송전탑+도시 2

dbasd12

2024-10-09

2

/files/thumbnails/246/898/003/262x150.crop.jpg?20241008102328

레드스톤

단다단 - 오토노케(オトノケ) | 마인크래프트 노트블럭 커버

노트블럭전문가

2024-10-08

1