01. if문
조건문을 작성할 때 사용됩니다.
{
if(1){
document.write("실행 되었습니다.(true)");
} else {
document.write("실행 되었습니다.(false)");
}
}
//조건식 flase: 0, null, undefined ,flase, ""(빈문자열) //숫자는 0만 false만나온다 문자열에 내용이 없으면 false나온다
//조건식 true: 1, 2, "0", "1", "ABC", [], {}, true, ...
결과 확인하기
실행 되었습니다.(true)
02. if문 생략
{}를 지워 한줄로 생략한 것 입니다.
{
const num = 100;
// if(num){
// document.write("실행되었습니다.(true)");
// } else {
// document.write("실행되었습니다.(false)");
// }
if(num) document.write("실행되었습니다.(true)");
else document.write("실행되었습니다.(false)");
}
결과 확인하기
실행되었습니다.(true)
03. 삼항 연산자
조건 연산자로, 조건식에 따라 다른 값을 반환합니다.
{
const num = 100;
// if(num == 100){
// document.write("true");
// } else {
// document.write("false");
// }
(num == 100) ? document.write("true") : document.write("false"); // 다읽지 않고 읽 읽을것만 읽는다
}
결과 확인하기
true
04. 다중if (else if)
여러 개의 조건을 비교할 때 사용하는 조건문입니다.
{
const num = 100;
if(num == 90){ // if(num === 90){} // 더욱 상세하게 확인하고싶으면
document.write("실행되었습니다(num == 90)");
} else if (num == 100){
document.write("실행되었습니다(num == 100)");
} else if (num == 100){
document.write("실행되었습니다(num == 110)");
} else if (num == 100){
document.write("실행되었습니다(num == 120)");
} else {
document.write("실행되었습니다")
}
}
결과 확인하기
실행되었습니다(num == 100)
05. 중첩 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)");
}
}
결과 확인하기
실행되었습니다.(1)실행되었습니다.(2)실행되었습니다.(3)
06. switch문
switch의 값과 case의 값들을 하나씩 비교하여 일치하는 case를 실행시켜 줍니다.
{
const num = 100;
switch(num){
case 90:
document.write("실행90"); // 조건을 만족 했을때 break를 주어서 결과값만 얻어내고 멈춰야 합니다.
break;
case 80:
document.write("실행90");
break;
case 70:
document.write("실행90");
break;
case 60:
document.write("실행90");
break;
case 50:
document.write("실행90");
break;
default:
document.write("0")
}
}
결과 확인하기
0
07. while문
for문과 비슷한 반복문 입니다 while문은 조건이 맞지않으면 실행하지 않습니다.
{
let num = 0; //for문이랑 비슷
while(num <= 5){
document.write(num); //조건에 맞지않으면 실행x
num++;
}
}
결과 확인하기
012345
08. do while문
do while문은 조건이 맞지 않아도 한번은 실행 합니다.
{
let num2 = 0;
do {
document.write(num2); //조건에 맞지않아도 한번은 실행
num2++;
} while (num2<5);
}
결과 확인하기
01234
09. for문
반복적인 작업을 수행하는 데 사용되는 제어문입니다.
{
for(let i=1; i<=100; i++){ //i=>100공식이 성립 될때까지 반복
document.write(i)
}
}
결과 확인하기
123456789...96979899100
10. 중첩 for문
for문 내부에 또 다른 for문을 작성하는 것을 의미합니다.
{
for( let i=1; i<=10; i++ ){
console.log("i : " + i);
for( let j=1; j<=10; j++ ){ // i1에 j10까지 반복하고 i2로 넘어가서 j10까지 반복이렇게 i10까지
console.log("j : " + j);
}
}
}
결과 확인하기
i : 1 j : 1 j : 2 j : 3 ... j : 10 i :2 j : 1 j : 2 j : 3 ... i : 10 j : 1 j : 2 j : 3 j : 4 ... j : 10
11. break문
조건이 성립할 때 까지만 반복 실행을 하고 조건이 성립할 때 멈추는 제어문 입니다.
{
for(let i=1; i <= 100; i++){
if( i == 10){
break; // 1~9까지나오고 브레이크
}
document.write(i); // 출력문이 조건문보다 위에 있으면 10까지 나오고 브레이크 됩니다.
}
}
결과 확인하기
123456789
12. continue문
조건이 성립 되는것을 빼고 반복실행 하는 제어문 입니다.
{
for(let i=1; i<=20; i++){
if(i==10){
continue; //10을 건너뛰고 카운트
}
document.write(i); //출력문이 조건문보다 위에 있을경우 10까지 카운트 됩니다.
}
}
결과 확인하기
1234567891121314151617181920