01. if문
if문은 주어진 조건이 참(True)인 경우에만 실행되는 제어문입니다. 조건이 거짓(False)인 경우에는 실행되지 않습니다.
0, null, undefined, false, ""(빈 문자열)의 값은 false가 나오고 그외의 값은 true가 나옵니다.
{
if("a") {
document.write("실행되었습니다.(true)");
} else {
document.write("실행되었습니다.(false)");
};
}
결과 확인하기
02. if문 생략
if문을 한 줄로 줄여쓰는 방법은 조건부 표현식(conditional expression)을 사용하는 것입니다.
조건부 표현식은 if-else 구문을 한 줄로 간단하게 표현할 수 있습니다.
{
const num = 100;
if(num){
document.write("실행됐나?")
} else { document.write("실행되겠냐?");
};
//일반적인 if문
----------------------------------------------------------------
if(num) document.write("실행됐나?");
else document.write("되겠냐?");
// if 문 생략 예제
}
결과 확인하기
03. 삼항 연산자
삼항 연산자는 조건에 따라 실행할 코드를 선택하는 연산자입니다.
조건식이 참이면 참일 때 실행할 코드를 실행시키고, 조건식이 거짓이면 거짓일 때 실행할 코드를 실행시킬수 있습니다.
{
const num = 100;
(num == 100) ? document.write("실행됐나?") : document.write("실행되겠냐?");
}
결과 확인하기
04. 다중 if문
여러 개의 조건을 판별할 때, 여러개의 if문을 사용하는 방법입니다.
조건식이 많아질수록 코드가 복잡해지고 가독성이 떨어지는 단점이 있습니다.
따라서, 조건문이 많은 경우에는 switch문을 사용하는 것이 좋습니다.
{
const num = 100;
if(num == 90){
document.write("실행되었습니다(num == 90)");
} else if (num == 100){
document.write("실행되었습니다(num == 100)");
} else if (num == 110){
document.write("실행되었습니다(num == 110)");
} else if (num == 120){
document.write("실행되었습니다(num == 120)");
} else if (num == 130){
document.write("실행되었습니다(num == 130)");
} else {
document.write("몰?루");
};
}
결과 확인하기
05. 중첩 if문
if문 안에 if 문을 넣는 방식입니다.
{
const num = 100;
if(num == 100){
document.write("실행");
if(num == 100){
document.write("실행 2");
if(num == 100){
document.write("실행3");
};
};
} else {
document.write("실행4");
};
}
결과 확인하기
06. switch문
다중 if문과 같은 결과를 다른 방식으로 표현합 것 입니다
다른 점은 break를 써주게 된다면 필요없는 연산을 더 하지 않습니다.
{
const num = 90;
switch(num){
case 90:
document.write("실행90");
break;
case 80:
document.write("실행80");
break;
case 70:
document.write("실행70");
break;
case 60:
document.write("실행60");
break;
case 50:
document.write("실행50");
break;
case 40:
document.write("실행40");
break;
default:
document.write("0");
};
}
결과 확인하기
07. while문
조건식이 true 일 경우에 계속해서 반복하는 함수입니다.
조건식에는 비교 또는 논리 연산식이 주로오는데, 조건식이 false가 되면 반복 행위를 멈추고 while문을 종료합니다.
{
let num = 0;
while(num<5){
document.write(num);
num++;
}
let num2 = 0;
}
결과 확인하기
08. do while문
조건에 따라 반복을 계속할지를 결정할 때 사용하는 것은 while 문과 동일합니다.
다만, 무조건 중괄호 {} 블럭을 한번 실행하고, 조건을 검사하여 반복을 결정합니다.
{
let num2 = 0;
do{
document.write(num2);
num2++;
}while(num2<5);
}
결과 확인하기
09. for문
for(초기값; 조건식; 증감식) {실행문;} 형식으로 되어 있다.
증감식 ++가 앞에 있을 때랑 뒤에 있는 때랑 결과값이 달라진다
{
for(let i=1; i<10; i++){
document.write(i);
};
//배열안의 데이터를 불러오는 방법
let num = [1,2,3,4,5,6,7,8,9];
let sum = 0;
for(let i=0; i<num.length; i++){
document.write(num[i]);
sum += num[i];
};
document.write(sum);
}
결과 확인하기
10. 중첩 for문
for()문을 두 번 이상 사용하여 데이터를 불러오는 방법 입니다.
{
for(let i=1; i<=10; i++){
document.write(i);
for(let j=1; j<=10; j++);
document.write(j);
};
}
결과 확인하기
11. break문
for문, while문, do-while문을 종료하고(반복을 취소)switch문을 종료합니다.
대개 if 문과 같이 사용되어 if 문의 조건식에 따라서 for문과 while문을 종료할 때 사용합니다.
실행문의 위치에 따라 결과값이 달라집니다.
{
for(let i=1; i<20; i++){
if(i == 10){
break;
};
document.write(i);
};
}
결과 확인하기
12. continue문
for문, while문, do-while문에서 사용하며 for문에서 continue를 만나게 되면 증감식으로 바로 이동하게 하며, while문, do-while문은 조건식으로 이동하도록 합니다.
{
for(let i=1; i<20; i++){
if(i == 10){
continue;
};
document.write(i);
};
}