006.자바스크립트 조건문(if, switch)

 

[예제1] if문으로 0보다 큰지 검사하기

• if(참/거짓)문은 (괄호) 속에 오는 상태값이 참이면 명령어를 실행하고, 그렇지 않으면 실행하지 않습니다.
• if(참/거짓)문의 (괄호) 속의 상태값이 거짓이면 else 부분을 실행하게 됩니다.
• 즉, if~else 구문은 두 개중 하나를 선택해서 실행할 때 사용하는 명령어 입니다. 

See the Pen JS_006__예제1 by wootekken (@wootekken) on CodePen.

 

[퀴즈1] 다음의 조건을 만족하는 프로그램을 만드세요.

• 사용자로부터 prompt입력을 받아 age변수에 저장합니다.
• 변수 age값이 18보다 크거나 같으면 "성인입니다"라고 화면에 출력하고, 그렇지 않으면 "미성년자입니다"라고 화면에 출력되게 하세요.

 

*퀴즈정답(더보기 누르기)

See the Pen JS_006_퀴즈1_정답 by wootekken (@wootekken) on CodePen.

 

[예제2] 삼항연산자

• if~else 문을 짧게 쓰는 방법으로 삼항연산자 라는 것이 있습니다.
• 아래와 같이 "조건?"을 따져서 참이면 "참"부분이 실행되고 거짓이면 "거짓"부분이 실행됩니다.
• 아래 예시는 num == 1 인지 비교하여, 참이면 변수 a = '남자'를 실행하고, 거짓이면 a = '여자'를 실행합니다.

 

See the Pen JS_006__예제2 by wootekken (@wootekken) on CodePen.

 

[예제3] 7의 배수 검사기 만들기

• HTML/CSS/JS 3가지를 골고루 사용하며 아래와 같이 7의 배수 검사기를 코딩해 봅니다.
• 이 코드에서 주의할 점은, 자바스크립트로 prompt입력을 받으면 그 값이 문자열(string)이라는 점입니다.
• 문자열이 비었는지(즉, 입력값이 없는지) 확인하려면 num == "" 이라고 하면 안되고, num === "" 이라고 해야합니다.
• == 은 type에 상관없이 비교하는 것이고, ===은 type을 따지면서 비교하는 것입니다.
• type은 숫자, 문자, null 등의 데이터 형태를 의미합니다.

See the Pen JS_006__예제3 by wootekken (@wootekken) on CodePen.

 

[예제4] switch~case 사용하기

• switch~case문은 if문과 약간 성격이 다르지만, 거의 동일한 역할을 합니다.
• switch(괄호)에서, 괄호 안의 값이 각 case 구문에서 서로 같은지 비교를 하여 참이면 명령어를 실행하고 그렇지 않으면 실행하지 않습니다.
• switch~case에서 각 case당 하나의 참 값만 실행하려면 각 줄에 break를 넣어주어야 합니다.
• 아래의 switch 예제코드를 보도록 합시다.

See the Pen JS_006__예제4 by wootekken (@wootekken) on CodePen.