조건문
01. if문
변수는 데이터를 저장하는 저장소 입니다. 이 저장소에는 숫자, 문자, 함수, 객체 등을 저장할 수 있습니다.
if(1){ //if문은 참 거짓을 판별할 수 있다 조건식에 무엇을 넣으면 뭐가 나오는지 아는게 중요
document.write("실행되었습니다(true).");
} else {
document.write("실행되었습니다(false).");
}
결과보기
02. if문 생략
if문은 생략해서 줄여 쓸 수도 있습니다.
const num = 100;
if(num) document.write("실행되었습니다(true).")
else document.write("실행되었습니다(false).")
결과보기
03. 다중 if문
if문은 여러개의 조건문을 넣어 도출될 값을 여러개로 지정할 수 있습니다.
{
const num = 100;
if( num == 90 ){
document.write("실행되었습니다(num==90)");
} else if( num == 100 ){
document.write("실행되었습니다(num==90)");
} else if( num == 110 ){
document.write("실행되었습니다(num==90)");
} else if( num == 120 ){
document.write("실행되었습니다(num==90)");
} else {
document.write("실행되었습니다(num==값이 없음)");
}
}
결과보기
04. 중첩 if문
if문 안에 if문을 넣어 여러개의 조건을 거쳐 결과값을 도출 할 수 도 있습니다.
{
const num = 100;
if( num == 100 ){
document.write("실행되었습니다.(1)");
if ( num == 100){
document.write("실행되었습니다.(2)")
if ( num == 100){
document.write("실행되었습니다.(3)");
}
}
} else {
document.write("실행되었습니다.(4)");
}
}
결과보기
[예제 ex3-15(교제 342page)]
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>switch 문</title>
<script>
var classification = prompt('아동, 청소년, 성인 중 선택 입력', '');
switch (classification) {
case '아동':
classification += ': 입장료 무료';
case '청소년':
classification += ': 입장료 2,000원';
break;
case '성인':
classification += ': 입장료 5,000원';
break;
default:
classification += '입력 값을 다시 확인하세요.';
}
document.write(classification);
</script>
</head>
<body>
</body>
</html>
[if문 예제 (교제 343page 예제 ex3-16)]
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>if 문</title>
<script>
var html = Number(prompt('html 점수입력', ''));
var css = Number(prompt('css 점수입력', ''));
var javascript = Number(prompt('javascript 점수입력', ''));
var ave = (html + css + javascript) / 3;
var comment;
if (avg >= 60) {
if (htmle < 40) {
comment = 'HTML' + '40점 미만 불합격';
} else if (css < 40) {
comment = 'CSS' + '40점 미만 불합격';
} else if (javascript < 40) {
comment = 'javascript' + '40점 미만 불합격';
} else {
comment = '평균' + avg + '점 합격';
}
} else {
comment = '평균' + avg + '점 불합격';
}
document.write(comment);
</script>
</head>
<body>
</body>
</html>
05. 삼항 연산자
조건부 연산자(삼항 연산자)는 조건이 성립시 연산을 하는 방식이며 회원가입 등의 소스에서 자주 쓰입니다.
조건부 연산자는 줄여 쓸 수 있으며 소스가 복잡해 질수록 줄여 쓰는 방식이 더 효과적입니다.
{
const num = 100;
//num의 값이 100이면 true를 출력하고 아니면 false를 출력하세요
if( num == 100){
document.write("실행되었습니다(true).");
} else {
document.write("실행되었습니다(false).");
}
//위의 것을 한줄로 생략한 방식 (소스가 복잡해지면 이게 더 좋음)
(num == 100) ? document.write("실행되었습니다(true).") : document.write("실행되었습니다(false).");
}
결과보기
06. switch문
switch문은 다중 if문과 비슷하나 if문과 다르게 특정 조건에 만족했을 경우 블록을 스스로 빠져나가지 못합니다. 이 때문에 "break"를 주어 제어해야 합니다.
{
const num = 100;
switch( num ){
case 100 :
document.write("실행되었습니다.(num==100)");
break;
case 110 :
document.write("실행되었습니다.(num==100)");
break;
case 120 :
document.write("실행되었습니다.(num==100)");
break;
case 130 :
document.write("실행되었습니다.(num==100)");
break;
default :
document.write("실행되었습니다.(num==값이 없음)");
}
}
결과보기
07. break문
break는 조건문에서 조건을 정해줬을때 거기까지만 실행하도록 제어해주는 태그입니다.
{
for( let i=1; i<=20; i++){
document.write(i);
if( i == 10 ){ // = : 오른쪽에 있는걸 왼쪽으로 넣기, == : 둘이 같다, === 함수값인지 무엇인지까지 전부 같은지 확인
break; //break는 조건문에서 조건을 정해줬을때 거기까지만 실행하도록 제어해주는 태그
}
}
}
결과보기
08. continue문
continue는 특정 조건을 만족했을 경우 계속 진행하도록 해주는 태그입니다.
{
for( let i=1; i<=20; i++){
if( i == 10 ){
continue;
} document.write(i); //순서대로 처리하기 때문에 실행문이 위에 있을땐 10을 출력하나 아래에 있으면 출력하지 않음
}
}